{"_id":"harbor-ui","_rev":"998-1734d033eed38d6cf6cec93d4af6eef2","name":"harbor-ui","description":"Harbor shared UI components based on Clarity and Angular4","dist-tags":{"latest":"1.0.0-rc1","beta":"0.6.23-beta.1","dev":"0.7.19-dev.8","repdev":"0.6.42-test-15","batchdev":"0.6.0-test-6","batchDev":"0.6.9-test-1","regdev":"0.6.30-test-1","label":"0.7.19-test-14","tagdetail":"0.6.61-test-1","lab":"0.7.5-test-2","breadScrumb":"0.7.1-test-2","rep":"0.7.2-test-2","progress":"0.7.19-test-3","color":"0.7.19-test-7","lib":"0.7.19-test-9","replication":"0.7.19-test-15"},"versions":{"0.1.0":{"name":"harbor-ui","version":"0.1.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/common":"^4.0.0","@angular/compiler":"^4.0.0","@angular/core":"^4.0.0","@angular/http":"^4.0.0","clarity-angular":"^0.8.14","clarity-icons":"^0.8.14","clarity-ui":"^0.8.14","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.7.2"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.0","scripts":{},"_shasum":"7e757aeb0b07e42a6a0bc565bb49a406cff7a6ef","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"7e757aeb0b07e42a6a0bc565bb49a406cff7a6ef","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.0.tgz","integrity":"sha512-b6L4JGTuTgHPtw96mgbc7uKhc3m/8MXtIMy8k9DJMd7chC/y1Wlgc7waRUquL0H3wKHs0SzjQQ6vtq9mmXDJKg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDgio40ORZOUQZ4liCCFq5uXKpgJNyOctY0jf9juPjnaAiAvZ05PBj+n9ZtmNx9/e0jq+wPDhmtOmDXZtKPN7rP1eQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/harbor-ui-0.1.0.tgz_1492671341820_0.22208238393068314"},"directories":{}},"0.1.1":{"name":"harbor-ui","version":"0.1.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","angular2-cookie":"^1.2.6"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.1","scripts":{},"_shasum":"4fcfd687c4165175e5b38e4551f92d15cc424296","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"4fcfd687c4165175e5b38e4551f92d15cc424296","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.1.tgz","integrity":"sha512-JzYL6p5Cy61oSUrDZMMedlWxgpQALwi4DmlO7YnmnXcqvVCqD/uINx9S/KvprgqHuu7LU1qb6baQlTiMsHDvlg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCb91LK4S/ueUk8yF3dHFIXowPmGAaFJz4Kl9Qm3/5LeQIhAL7JB8cbXYmoI6QusXgVXNXlQ0y2lBd+rh0PlhpmiSLL"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/harbor-ui-0.1.1.tgz_1493782206832_0.10959926224313676"},"directories":{}},"0.1.2":{"name":"harbor-ui","version":"0.1.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","angular2-cookie":"^1.2.6"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.2","scripts":{},"_shasum":"b5db485bcb4658f31dba15fd5ed2b0549c224dfd","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"b5db485bcb4658f31dba15fd5ed2b0549c224dfd","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.2.tgz","integrity":"sha512-ftK13IvEJeGK4yKFCzHOx0sgSDDYBfaacSeYdugBZACfYjVxoupuKU100zIsrDN8tl99AqTqUPFtvG7RdAao1g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFCCCoGdyVISdV3vm2n20Bhnx+uKljXEMCxtbLpJ7ngUAiEAlx2PDme6PrliRKY4bv48J7jWnKYu8hA3P1nw42CfgS0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/harbor-ui-0.1.2.tgz_1493804482900_0.6332218912430108"},"directories":{}},"0.1.3":{"name":"harbor-ui","version":"0.1.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","angular2-cookie":"^1.2.6"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.3","scripts":{},"_shasum":"b0e7f64a86598f0b8951160b60ac225d4ff9a950","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"b0e7f64a86598f0b8951160b60ac225d4ff9a950","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.3.tgz","integrity":"sha512-4yhbYMbChOo6uRfvV9gARqkaverP7JLnti0aM+46o/Y6MRD3YUKnFCwisM98RnG8PAwPdZaCEGk+jYhC/MUz6w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnb652UyVAVwjuLxvoUpyn1l0cRDl9UA19it04OacLuAIgOI3XR0OtPI5rula2EQatjq/Gk6S6rs3ttN3kVvccB9E="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/harbor-ui-0.1.3.tgz_1493806292461_0.7294995237607509"},"directories":{}},"0.1.4":{"name":"harbor-ui","version":"0.1.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","angular2-cookie":"^1.2.6"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.4","scripts":{},"_shasum":"cb83c6a8c2708167ea14dadb666692edab8f5f3c","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"cb83c6a8c2708167ea14dadb666692edab8f5f3c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.4.tgz","integrity":"sha512-mvN7UGZPt53nUpSWwRxKigRbeKASeid2I91HRr7SmS/5GM635yvn1c4KjizKbrpc7oTpZIzXtInFCt33wK5oYg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCEnLlGpkBOyKTJuJwAsckzXwd8RclTZhyn93WkgIPHuAIgOGFSxb4jnsxC69BY0cnSDiBqJJtLwqhlI5xnYpSap4M="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/harbor-ui-0.1.4.tgz_1493813050426_0.8299946857150644"},"directories":{}},"0.1.5":{"name":"harbor-ui","version":"0.1.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","angular2-cookie":"^1.2.6"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.5","scripts":{},"_shasum":"ef3ef58944a401b4edc894d5029e46234f6b052c","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"ef3ef58944a401b4edc894d5029e46234f6b052c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.5.tgz","integrity":"sha512-J3sllXdQKrnLzEIRl96ow+FEcGlgd0DLeG3yJ+P+X+RUwFdXy10ndgiCKn0XSQ3dax8LHHLlPAGpJi4R53hh3A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCSrv3p0nvNMhNwi6fdAu1YOwZKc8qHIlZa2BtA+xny6gIgXpdmx8vuGlaOpAheh8oZTPdBSdA27qAEVzByWoVgR3o="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/harbor-ui-0.1.5.tgz_1493813288791_0.7688687441404909"},"directories":{}},"0.1.6":{"name":"harbor-ui","version":"0.1.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","angular2-cookie":"^1.2.6"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.6","scripts":{},"_shasum":"2cebe549ce5d433aeab9cb97860cc6c2f51f9b19","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"2cebe549ce5d433aeab9cb97860cc6c2f51f9b19","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.6.tgz","integrity":"sha512-oH6TrlEPeMHTGY6j/tOKushar3Fux0cypDuAYb8YtwjQ8OaNz/hBM3lIk3PPE/c5CatwFT1PYLUccYxIUSrFFg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKxP3FQiVABTgFI6XAlZVIDiZQz+DhOuqAei0Li07WLgIgVHxBysyTXdSSdooqsjQ54w0/iwMSFYzsnqb52RB7K4M="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/harbor-ui-0.1.6.tgz_1493813577739_0.3981154679786414"},"directories":{}},"0.1.7":{"name":"harbor-ui","version":"0.1.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","angular2-cookie":"^1.2.6"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.7","scripts":{},"_shasum":"0b25bdc9ed29e84d329002512f490dc8713a3421","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"0b25bdc9ed29e84d329002512f490dc8713a3421","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.7.tgz","integrity":"sha512-07mkXHT9UwFJudG4nAgcsrWgBYd3DVYVbgkauxKtivbPLqY+iJEyl9MYSymgu8i+hpLFMyS9uJt8dbN1SMAxcA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDr6rQXbfsxyxKwWYaiRxpwUpHBVwbVJVnqMembJgR8uwIhAONfP//kRe5FdDCQcB6dWwEhvoVz+n3QayBCGVmXytR0"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/harbor-ui-0.1.7.tgz_1493869284761_0.016642453148961067"},"directories":{}},"0.1.10":{"name":"harbor-ui","version":"0.1.10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","angular2-cookie":"^1.2.6"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.10","scripts":{},"_shasum":"b76b7e560b50308b0ba7b067aefd87f2b98fff5b","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"b76b7e560b50308b0ba7b067aefd87f2b98fff5b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.10.tgz","integrity":"sha512-QIgFE1IpV62iyFkOXiDDLLNAy9s9YRKRwh6FLOtR1xhI59LZR6iPCKmETl/7J9FnDm7Cq1HY1yUr+SQ7aLE6FQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEogwQtsaXpAWc++NH0QsoGnXjgJCr0Xrsh/zVH0Jd6tAiEArTcQNQyhiHO16XuUJQ1hHpwr8eOWjN5+qEZglb3oBnw="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/harbor-ui-0.1.10.tgz_1493870500741_0.8307394408620894"},"directories":{}},"0.1.11":{"name":"harbor-ui","version":"0.1.11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","angular2-cookie":"^1.2.6"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.11","scripts":{},"_shasum":"0435384d46445340911e62cc024b4d6b1867f6a1","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"0435384d46445340911e62cc024b4d6b1867f6a1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.11.tgz","integrity":"sha512-coFouCVLKIm+/ugGH1XRMN0VcCDr3mC9GkK0mzHCAgsXBUQMPsR4AJlh7WFszVetGC76NHMM/J08FgLtrasYrA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFFDdVXWquzDv3k7Lva6MY6AWpm7fmHPmRatRNiw9HuCAiAn7Byuwdzqr9Wlj3l0IETK1vXeLggpZArZ1VO0KL+EAg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/harbor-ui-0.1.11.tgz_1493886976584_0.7464937709737569"},"directories":{}},"0.1.12":{"name":"harbor-ui","version":"0.1.12","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.12","scripts":{},"_shasum":"51276ab89432679cab84c3910701f772998aaaa9","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"51276ab89432679cab84c3910701f772998aaaa9","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.12.tgz","integrity":"sha512-JN/GYoUzhqpzTYjhFHDfjWrdb35Bdq+dVEiReOov8yRxh6cvM8QCev8hLYv64kLwju6EsFSYIN6/VKTMO7gshA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCHAtJTavyb1NNLmxIkwp5PcJiyLUdUjFE2xzkMz/JE2wIhAL56bUea9ziUr7UxpFPy1/W+n51N3lY9rTqc9I1YjXQa"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/harbor-ui-0.1.12.tgz_1494224042379_0.01902016019448638"},"directories":{}},"0.1.13":{"name":"harbor-ui","version":"0.1.13","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.13","scripts":{},"_shasum":"b396451ab84838c4f5bf9423daffc1bf7b50d950","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"b396451ab84838c4f5bf9423daffc1bf7b50d950","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.13.tgz","integrity":"sha512-Dk77jRkOBos84ht8dAkX4hBXZwyxPPpvTEQKrgkee9g4Y0o96zga9Hp8cIwH/DmpNwOCtCrJBMl3062D8umZ6A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEh6mVczYZNxd4k2x2akqP6B5vZUa2laTYGGwyDZsoAIAiBh5wCz/1Oywahqqj00ND0ifQiWW4TC2JLBI0YGFkCUNA=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/harbor-ui-0.1.13.tgz_1494600034883_0.27772341412492096"},"directories":{}},"0.1.15":{"name":"harbor-ui","version":"0.1.15","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.15","scripts":{},"_shasum":"9c7abe1f95114b1958c1da2d91ebd92281b15401","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.8.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"9c7abe1f95114b1958c1da2d91ebd92281b15401","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.15.tgz","integrity":"sha512-PsmdvsNsBZ0W45og1KLLexfh/xYEcYRiOUAIs701C1GoaySm6YLSxTag+DNdPEH2exC3EAWLMjY63K9XeOfL1w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA9zevQ8CN7L1fbTc9nbWHJigkCCr99Wa82O1jMU2SGaAiEA44lbr406O/9cNze+Lj9reRdAfOOwL5DtoEx87j7uZX8="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.15.tgz_1495437106570_0.08949850616045296"},"directories":{}},"0.1.16":{"name":"harbor-ui","version":"0.1.16","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.16","scripts":{},"_shasum":"13808a8e3678dac6824be19889316651a612b363","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.8.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"13808a8e3678dac6824be19889316651a612b363","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.16.tgz","integrity":"sha512-w/RrhsdpRQCAWQJv3erMW8lENuxCiF54s2W9qSsXv5k3UP9njtcbA6RKwWTAI5DZSt7oXvDrcVWJIPuYzWI+Ww==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5GoMUAJW4QUIDdK3Ie0xjt4Lj00v1F9XB5sV/2yBgjQIgUD30B2MIUaN0//92Bz2B3IprDWJuBvOhs3pv5CnqU20="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.16.tgz_1495437456293_0.5642304632347077"},"directories":{}},"0.1.17":{"name":"harbor-ui","version":"0.1.17","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.17","scripts":{},"_shasum":"1d58b787218a6f1141a80463ce89963d2d3f6734","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.8.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"1d58b787218a6f1141a80463ce89963d2d3f6734","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.17.tgz","integrity":"sha512-uS2T+OIz98aSZr0mH9k2Q4dN1FdkttMmFrdYfF8pWMPky26rEK1AmwXALUfoPU2y7Fh0k8+WXPzOgH7fyr+Tpw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKAUd2dOvsbOL17d0Ftm9TUzavv/9mjGoQHuaZp4U8bQIhANwKJBtAPi10U4s9ED2trK0lKtJrY7v4Z1PtJO/5fehO"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.17.tgz_1495444311361_0.5176411864813417"},"directories":{}},"0.1.18":{"name":"harbor-ui","version":"0.1.18","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.18","scripts":{},"_shasum":"4562ee6a44fc85e3d380c83f116c32ab18febbf2","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.8.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"4562ee6a44fc85e3d380c83f116c32ab18febbf2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.18.tgz","integrity":"sha512-ZXgPFr21f9WMItoVEg6UeLoBnumvfBWZEHBGo8IhbrVbEEkak0e82TTe308hMFUos9wA7bAc6VDztmTDkoKKYQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQAWSenvEd3QwiDcrThuS/+zuXJz2znmzfLpiGlO/yAAIgfd6omX5SkQ2KI8ftOD1DB0P5DsqBRTCMgJGl0z1IBsc="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.18.tgz_1495444640902_0.1098714666441083"},"directories":{}},"0.1.19":{"name":"harbor-ui","version":"0.1.19","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.19","scripts":{},"_shasum":"b90fee47c07fffa7bd2a79a961ddc41053157214","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.8.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"b90fee47c07fffa7bd2a79a961ddc41053157214","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.19.tgz","integrity":"sha512-FAOpYLV1JMM0HIjIzGE2qh/Fc0o93/0ZhCjLUa963nQOEHvC9C7/Ff0lnO+4tll+MulEs/ypkKgUSOTt6TKzOg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwTGAalL/3TQYvcOHgsYRFT5avaRVEYUBQvb9PZl433gIhAOPOkadJIA6MwA2EzlSNrBj+qrU0IP3YF5Q6Fc1iNsJq"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.19.tgz_1495445619174_0.8950978969223797"},"directories":{}},"0.1.20":{"name":"harbor-ui","version":"0.1.20","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.20","scripts":{},"_shasum":"c35c259d013740046427f37985f56689dca42504","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"c35c259d013740046427f37985f56689dca42504","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.20.tgz","integrity":"sha512-vy0KhWtWykurm3uXU4q7eqYmSLp3jcazR0Lq3i3K4P7lu8XPbiKqLei+S0OGaLOmmXj+AEjTajp5+F/2L+hQtA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB2Rlr3QEcxkx59dImVUx9AnOabqBbBoTe3w/TPDjYtRAiAlCaLDLK17tjzLKLhXCtrrG3Zc3p/Q1PpY4KFuAtAZkA=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.20.tgz_1496653968362_0.7839766086544842"},"directories":{}},"0.1.21":{"name":"harbor-ui","version":"0.1.21","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.21","scripts":{},"_shasum":"a0f1147d0b9a77b0f851aabf52117ce7a4179ec6","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"a0f1147d0b9a77b0f851aabf52117ce7a4179ec6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.21.tgz","integrity":"sha512-39AMXUXA46TUkhi0x8SH9kpYJ5ETJ3xViQzcgCmx2Q8NsVymobdfQijmdMWjP0pccgOFato/LIxm6VdYQRdd5Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFON73D6UveHIpZZLNPK5RU5LVKrFY/OxYJtrD9UTcGQAiEAtbmOBMBUaKipEDeArBQ11eAcz494nMhbNc4fF7ZOQ5c="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.21.tgz_1496654567151_0.6434605927206576"},"directories":{}},"0.1.22":{"name":"harbor-ui","version":"0.1.22","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.22","scripts":{},"_shasum":"ae6aab95784d11a3bbf29791a74c1c7611216f18","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"ae6aab95784d11a3bbf29791a74c1c7611216f18","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.22.tgz","integrity":"sha512-hqFXk36jymliGZB4rv9Ri7HtHbn65iEg6K4QY7JdUXIBDc/UNsxfy4xZPTruk6itNZnoVEE1SxtisjQgCY7y5Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAbRA3+Omg4odo9m/0lXifrEJJIJBF9DWv8iHB5LBbIOAiEAl3J/6wnsDbCq425mZ7ArdTUdf6ULItwO3SShQDrqvGU="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.22.tgz_1496654903341_0.7945627849549055"},"directories":{}},"0.1.23":{"name":"harbor-ui","version":"0.1.23","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.23","scripts":{},"_shasum":"1796fbc279ee26b3c765b3b1340c948e505765dd","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"1796fbc279ee26b3c765b3b1340c948e505765dd","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.23.tgz","integrity":"sha512-bZ38GMQ1YR3pzoE/vqkzJiKoMCi31g7yFkPY+tAFLDWnYGvhcoQ98vJSZ/13smWsLZk626oEFS2Z3d/Mt+Ztaw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID6CjCj3Soynpc1ubJc3qeqRZd7aAj7L8NYRMFkILzzQAiEA3fGEQEoiPamSju8vyHIpraliMcCLtJNDcae9JZVoZ90="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.23.tgz_1496655753573_0.5672302606981248"},"directories":{}},"0.1.24":{"name":"harbor-ui","version":"0.1.24","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.24","scripts":{},"_shasum":"c2d70c3c08e429c53cd4c59227236c1cd32049a0","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"c2d70c3c08e429c53cd4c59227236c1cd32049a0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.24.tgz","integrity":"sha512-9XqwvIJ1TQnOhfLFj2YGFCkEDf6A1EoNGN0K+OLbN9W76JfJTiiVV+TxdZAL2OLhUT0zKat9KD+OsvJzHBXswA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCLyx87ACL4rSFP+djR7rxHMYvPAMg+T4UV+CLQibV2xwIhAMCM7Uo826n4YPRTSFicW2i4n7k8EAL7YVZalHqsk6aC"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.24.tgz_1496658279947_0.13323534838855267"},"directories":{}},"0.1.25":{"name":"harbor-ui","version":"0.1.25","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.25","scripts":{},"_shasum":"711bc98a4fa994135b043e6a57e81cc32f09e5ee","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"711bc98a4fa994135b043e6a57e81cc32f09e5ee","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.25.tgz","integrity":"sha512-HfkJ2S1ZkNOpW+Szraypw+MQTkETXEKpzUcJ5g2fGdiJpSgoZLfE9xP2vY/ZTMuGye3VV6RfWm19TBCUaq9bEw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvRW3Bqo99MHK3juiy+Dq3Jyjzyle+RzWpQk9YOR3LiwIhAMC56/8yzCaKjWQ+mPlyHzYwJ+jYEojZYzJHHjsrIcCw"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.25.tgz_1496658812242_0.7877914214041084"},"directories":{}},"0.1.26":{"name":"harbor-ui","version":"0.1.26","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.26","scripts":{},"_shasum":"643948b5f7db2111aeb44dce96ec95c397bbf42e","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"643948b5f7db2111aeb44dce96ec95c397bbf42e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.26.tgz","integrity":"sha512-QEfCZBSPvNY6kXV9wcyepMYkCoe95nUPnZTyxxYFEApSCnpqjp/aesUKpd+SIeVScTDkAMBsAaB29OLi45vRqA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDYe4ywTbemVTd4WQgs7/0GTBNTZWDFX8VssbujVPcdRAiBAx/JJBXXXyborTU4RAUkbtnZwYJgXCBzgLA0p3oi08g=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.26.tgz_1496675510908_0.6246068142354488"},"directories":{}},"0.1.27":{"name":"harbor-ui","version":"0.1.27","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.27","scripts":{},"_shasum":"0804e2ef50cca76a924e8a181e2be48622584a15","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"0804e2ef50cca76a924e8a181e2be48622584a15","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.27.tgz","integrity":"sha512-uZFq6SUwfaaA3YBixkWEY4tI5p/bo5noDrx/gW0fNi0sSnUxL3ycP042lLa+DQVi6YDKLsgCqfB18MXcrwVkaw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIARbAy6HxKCtPBPkBKzTvR4lXz8VSBLwhoqZ139YX1uGAiEAuhfe9YNOLO9suN9ngbDMxOjf+KpY4UEZROMVA1iKj28="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.27.tgz_1496675790636_0.5410964665934443"},"directories":{}},"0.1.28":{"name":"harbor-ui","version":"0.1.28","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.28","scripts":{},"_shasum":"00917d559ba6d65c7bfaa21551ffa7eb6b375938","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"00917d559ba6d65c7bfaa21551ffa7eb6b375938","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.28.tgz","integrity":"sha512-Iwan9UNPTxC810kmWC3Huh58xgCFtU1k8lBHEzaTJ4xRNm6dvJpLQYzsFUxP8PRK95S5i2vzxo33xRXhgmkjpw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAjtMZclQHAh8fXCYP5xqrJ4TNv/up7fcr5BmfGqssxFAiAEhExColnXuMCMRRqGbWNiEPruN2cxg9Hpycb0RnTD1A=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.28.tgz_1496676058090_0.4995510664302856"},"directories":{}},"0.1.30":{"name":"harbor-ui","version":"0.1.30","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.30","scripts":{},"_shasum":"6fc32f2f73fdba8b5e9b51bbebb105f957d9c8e1","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"6fc32f2f73fdba8b5e9b51bbebb105f957d9c8e1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.30.tgz","integrity":"sha512-9EejgB8ZoyCacIZTXCC8qKUqBSgIhKl17aEQkW9XAHVxXGREj7nb/REd9LwnIHSyKlCh6ePoqo656ZswiY4E1g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfcfwAU4Fv+ygdz95GR0olMNugDolL6QxGYFcHhZEmZAIhAPLaeirOKNSYjjNHNSAn5HHsnq4+osCfdMnhYx5q6v0V"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.30.tgz_1496676631862_0.9478200045414269"},"directories":{}},"0.1.31":{"name":"harbor-ui","version":"0.1.31","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.31","scripts":{},"_shasum":"76c91a6d4297ac2cc0f05e97a836e982f0a74667","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"76c91a6d4297ac2cc0f05e97a836e982f0a74667","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.31.tgz","integrity":"sha512-30Wm8hBm0aD48llDJEsPRLtkU6vms1yt3YOEj67YeFt7QVzUHpC6S87LEsUIhZ5ULwBL7QmWQJ3ndmeScM6SYg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2Kh0AQETws4Vwss0p9zx/5evGKkW91P9+Q4FATCTAnQIgAnJgVEVvSBlNG8cddZkomHnohXHMEk5azQDeFqxUy2s="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.31.tgz_1496677366901_0.9480514959432185"},"directories":{}},"0.1.33":{"name":"harbor-ui","version":"0.1.33","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.33","scripts":{},"_shasum":"87c7c2a0387309aaf4b8653c60d9de45981197ef","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"87c7c2a0387309aaf4b8653c60d9de45981197ef","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.33.tgz","integrity":"sha512-89f7wJ8TRL6DVIFnvSqneCLVRps0wbjvMatvpqfp1JGcDthcF7mCc4sPVmdlv76sBW3uJUqfin6UJMJnhofhfQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYUqAsi0vlrDIxbkv+CkyIGjHkz3+UKonQg5LCdpnO+wIgRTmHI1/RQcL3UeE41iEoaryA4SJ3hofjlIGtmeAu8tI="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.33.tgz_1496716549873_0.7936882877256721"},"directories":{}},"0.1.35":{"name":"harbor-ui","version":"0.1.35","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.35","scripts":{},"_shasum":"e6782b2c4dfb3dbead5b905e0bf66349e9d82c2d","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"e6782b2c4dfb3dbead5b905e0bf66349e9d82c2d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.35.tgz","integrity":"sha512-Isz/oD6eZZ9YwXpixaftjk2LCFcj6m/1aoCgnu18bX+Ky+oCLQ0fDL5KIP2oJ0JBl3aD4MXDMwE5ChZJvtyyQA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/ghPUVXahwYLLswTuHI7xgKB+V44Sp8kEVfeyj3DHFQIhAOiKVds9bul7DuS+d0J1TkkzQi41uy2ZLgk06TTKWL1V"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.35.tgz_1496724319389_0.4681124393828213"},"directories":{}},"0.1.36":{"name":"harbor-ui","version":"0.1.36","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.36","scripts":{},"_shasum":"bbb161d3e8205d28c52ec562f94821c1a17d5f20","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"bbb161d3e8205d28c52ec562f94821c1a17d5f20","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.36.tgz","integrity":"sha512-G/YFipWy4VBwEn1CfoBWAZjEq0iXOibNT7d+WZxD76ysbRO1u+JyFYC9Zv3FSckqlI/7dz1aRu3vsSYfjJfRJA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5TlEcwUiJHJSi+r4oL/iVgVbajejRHAOEFQ1bH4fPiwIhAIaX2YDeXmr1U/i+wloTOlSyqMaMho0SJqop0Jd0+GDm"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.36.tgz_1496728152266_0.7803426962345839"},"directories":{}},"0.1.37":{"name":"harbor-ui","version":"0.1.37","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.37","scripts":{},"_shasum":"0b3a4222df924f7a2a4f8f8125c68ff49343a223","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"0b3a4222df924f7a2a4f8f8125c68ff49343a223","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.37.tgz","integrity":"sha512-L26FhZvCpkPiobP5c2P849elgcyMfl8V68cUtXgDmMTQ4T+hi2pD6zuYbvC0g/gDb698hd/sT5PBrk47M1zi/w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCN6ghIKjHILnr++5c++5R7vzf9XyAKe4X26RZ8klMKUwIhAOQ1uRMry+N9Xeg4m8556OHZ955lTMZxd8kohHjxiucV"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.37.tgz_1496748138842_0.3140220099594444"},"directories":{}},"0.1.41":{"name":"harbor-ui","version":"0.1.41","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"Harbor"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.41","scripts":{},"_shasum":"82203d463451d5d44e03688901cf83f6af484bad","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"82203d463451d5d44e03688901cf83f6af484bad","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.41.tgz","integrity":"sha512-dl/FPrFsk7FBhvCij/YOm8aknFpQJWNi0TJrOFib2hO6f7f7XArI1wNjJ+MrcCpfRk7nrXT/jkG7GtaD22rN5Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG7bsuAz+OLn5GaaLn5l2qJEIi+HxbKTl2wXNVINGBAHAiEA/yB5s4dd4NOxDe/4dUrW0G24SxpvD0ApO9QeuAIG+Ik="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.41.tgz_1496749384508_0.21655489946715534"},"directories":{}},"0.1.42":{"name":"harbor-ui","version":"0.1.42","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.42","scripts":{},"_shasum":"9e80efc2b89a7b16cb7f363b803a1853f535910e","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"9e80efc2b89a7b16cb7f363b803a1853f535910e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.42.tgz","integrity":"sha512-UKgSamAAOnngSpY+pKTLyP6muLdTlEyIfDOR13o3YZSmXGPHO7LPlU/8yp+rPIENoAvQC6jS8M/H8PKhZFURDg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHN939SAkHUvIcStAB7iBVtZKsa09pkvCm/7m+oV5OJJAiEA4NnDdw8w5Fmk1PfsO42Pc3oZPlpSPxhfKK84iit7CTI="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.42.tgz_1496817288666_0.48451547883450985"},"directories":{}},"0.1.47":{"name":"harbor-ui","version":"0.1.47","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.47","scripts":{},"_shasum":"faba0b738711ab664c5ae51435eca2d6b5f0912d","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"faba0b738711ab664c5ae51435eca2d6b5f0912d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.47.tgz","integrity":"sha512-3TgVEpDRkTG8eHrQSLmlvJvmimXYmFjTwPtXj6ePdNKofnje7R0UTDKl/HTzUNCX/RY/SMetMdBhfgq2CgkVOQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3rX2nXNqXvWL4o2vmuVMINesLAE4yhUMRcrsy0UJt8gIgIheyt8pUtIxngpAuhVzZhtvzx2BMQhugba1GlftAk3o="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.47.tgz_1497341635284_0.8316963573452085"},"directories":{}},"0.1.49":{"name":"harbor-ui","version":"0.1.49","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.49","scripts":{},"_shasum":"0900a8bef1fd80b0350d087b889b2b4f5ce12846","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"0900a8bef1fd80b0350d087b889b2b4f5ce12846","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.49.tgz","integrity":"sha512-qhCK7MioBqjLKdfErDKwfX8Da/FwMKkiiwr0ET7i05FnHDLwY8VybBG9iOsQBxr4LNSTtp8K1VWdR1IR8O0+Aw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC510Vo00vCGcdyfEoCjoT3McEsfY1eC/jiuE/3BIkHVgIgYT+MYmG45v+VpDjzjLh1dBODhkjH2nG52sFiFNxC5HE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.49.tgz_1497346570284_0.20020310836844146"},"directories":{}},"0.1.51":{"name":"harbor-ui","version":"0.1.51","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.51","scripts":{},"_shasum":"d0fa94f82b9abdded848572d7b576651eaee3fa1","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"d0fa94f82b9abdded848572d7b576651eaee3fa1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.51.tgz","integrity":"sha512-NpJZzLJpuJQ6FaJ6AT8d03akpoNljfOHAFdQ6TgF10ETPLbP4m/A8rG6SMgzDibx03FQGkU/OAgCxXdjSfk4dg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGVKsYaGrvnqRkQKhNsa0qvDSQvmVAne5zY9sl+6/HeQIhAIl5GhEf2VhAwrOU0wo2Ca4urAGLerGXc9aI41pQYLqS"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.51.tgz_1497346980665_0.3621420511044562"},"directories":{}},"0.1.53":{"name":"harbor-ui","version":"0.1.53","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.53","scripts":{},"_shasum":"8d4ebecf103292bd9c00d37898c51451c1ed98ea","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"8d4ebecf103292bd9c00d37898c51451c1ed98ea","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.53.tgz","integrity":"sha512-4aiLR8m0NdXFLL4QKwxhnSJAhuH2yUS4SuVE/OwyxFiB2f98vcWFeJEAtEpXspW3tztJlZmfwauwybxM2VdJ/A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6YlnCR0sQMw/CHCydw76Cc73gqEQ0TH9c+egPHmNDeAIgDXI/4ND5/zYzVDXrajK8NrdZZddhk3gpaREEcZ/g8wM="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.53.tgz_1497348638400_0.04738281783647835"},"directories":{}},"0.1.55":{"name":"harbor-ui","version":"0.1.55","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.55","scripts":{},"_shasum":"2561ba683034cc4409ad1c1823381871bd4c48d9","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"2561ba683034cc4409ad1c1823381871bd4c48d9","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.55.tgz","integrity":"sha512-MeXc4sy7NNhhf3PvbSsz8G1No6lCia27Uh6BIEtV7PVCYMSJeJru22rDX3kw2D+3bdnEGTZd0hS0JQHUhFWLOw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICKhoh0ZiwKo0kqey4G6mMgHbCfZyCdDyBpN2WVmPdtZAiABEoQ639XdmAnW86Gd35CbXC44snxqWNzMsMXRojYjZg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.55.tgz_1497353975503_0.1545781553722918"},"directories":{}},"0.1.57":{"name":"harbor-ui","version":"0.1.57","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.57","scripts":{},"_shasum":"a47887896923c05d4d9d3126f1f4efa93f49c264","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"a47887896923c05d4d9d3126f1f4efa93f49c264","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.57.tgz","integrity":"sha512-jlrVT+ByPzOSG4dL0C7SMrS/LR3lKuRBnZXZKY/QiCJgCyVZIolc2gS4LipI3zVmO65JzeK0F4K/6JOu+HKqfw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBalkJu2MNSQ4UR4GX0P2K7igbWlHtm2c1QUyU5IUN8jAiEA+KYLKbZDxgsDosQMpzu5kX9cBR3Zo1igXIlTVEpJAiQ="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.57.tgz_1497355203148_0.5037089085672051"},"directories":{}},"0.1.59":{"name":"harbor-ui","version":"0.1.59","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.59","scripts":{},"_shasum":"c5ac8784c52594dc744bfa0817cd454dbdce0132","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"c5ac8784c52594dc744bfa0817cd454dbdce0132","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.59.tgz","integrity":"sha512-Ml7n4z6j+xzmIUeS2Uxo/JuUp7s4N3vKmdtSkFj+NOVTYMBtEoXE9obt3dST/DqkPqB1Rs05HCUG4duIuQvvtA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICRqI9CqaSz9jWnnfyRD5+oEZ0e9O9ndAX27/B5CXBacAiEA9NbmzPYzOirAcgxj5segIyTxI8Zww2v+bmqQ+Fh5/ts="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.59.tgz_1497356760099_0.34314306173473597"},"directories":{}},"0.1.60":{"name":"harbor-ui","version":"0.1.60","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.60","scripts":{},"_shasum":"9395a780769f8b7d183f7177c4ce78f6bbac3657","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"9395a780769f8b7d183f7177c4ce78f6bbac3657","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.60.tgz","integrity":"sha512-MWI9axNgQ+5Jbl602g6GECKxW1o4jb2G2LvFFdbplTAKhUrwV6vtoIWcoSov4sQLvXNS6KkSOPeaZAiyeegiIQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCN5QdfOZtBUzUvvFgBaTn1a/XCrjjHnFTqJ+rdxj62YwIgBYcDmEfC4l3QTnOOU6qmf0W0Nvm0fpARaqV9i/Fy9CI="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.60.tgz_1497364015308_0.3711438456084579"},"directories":{}},"0.1.61":{"name":"harbor-ui","version":"0.1.61","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.61","scripts":{},"_shasum":"a30a9650a48c91c3ff2f758132700d263a5bc120","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"a30a9650a48c91c3ff2f758132700d263a5bc120","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.61.tgz","integrity":"sha512-ASISZat/BwM6GGH0Ixw+is2bJPpaJzewLA7mxfzS0NpwLJQpYsy4M/SrH5kNKMT2ruEsv2v60jqR6peKJmjUFA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGSqP4RIUTY2Wb/aa8qPaUa/MGoRcEmbzF9KWGRp4hDwIhAN2aEjQqI+6L1e8Z+jxwgA7W7tAwIpKjJxeUAAXRJwmB"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.61.tgz_1497365932548_0.9596608120482415"},"directories":{}},"0.1.62":{"name":"harbor-ui","version":"0.1.62","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.62","scripts":{},"_shasum":"ffc4d3f27aaab5f0b0ba72886de61ab7e7666a2a","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"ffc4d3f27aaab5f0b0ba72886de61ab7e7666a2a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.62.tgz","integrity":"sha512-z+IKnooWaKjNGlu4mvT+hDm5nOLxg8EvVU7RuGGYr2bmTv96bUwRcys9/cc4GwHEcYLZLUusbx1JsSJlpNav+w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICehLAMTv/njXBpjB9oBRbR8o6GASgTUf9ZXhJyutzhlAiEAo0oYwtA0yiEf8kTj4MwGVaEzcHpcvVRBPEuU3pYvRFY="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.62.tgz_1497366208566_0.5062942972872406"},"directories":{}},"0.1.64":{"name":"harbor-ui","version":"0.1.64","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.64","scripts":{},"_shasum":"015e6659563b26ae6634f4e23d65b48d1728454f","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"015e6659563b26ae6634f4e23d65b48d1728454f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.64.tgz","integrity":"sha512-gmvs7E05fQ+i+pFo+r9Kdq6/rqoANwxFm7c0zgogs63YiVFA5dfT1CQqaBc+ns4tlJxiX0LhZNjkuI9hxLsQFw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2EDeDWqv/dVPUtk/1RpyhRbHPYQ7VeNZhKhS3eZj05wIgfg7gFX2XOQu6F7zenSR92i+2Vpoqd6n2RWHKYSAqzVY="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.64.tgz_1497369466984_0.6624930445104837"},"directories":{}},"0.1.66":{"name":"harbor-ui","version":"0.1.66","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.66","scripts":{},"_shasum":"a5642f4226f5ae9489d63a81cd223284744ca9e8","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"a5642f4226f5ae9489d63a81cd223284744ca9e8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.66.tgz","integrity":"sha512-h0yNHdq7xL19O0ZXGH5cXIRNv7Nq9BQ9C33wcgASxCFHZgPy1oj7OzqeLJLZmWptadC+uz76Tke4XStwTg86cA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICyqFCe7suug6V27wGBX0kbzWOlRlv87/TILL/MwZTYhAiEAqcyLAs4mQ5xeX9Lhs18rBmOtx4SvmClW/83Rs6vkoz8="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.66.tgz_1497538052209_0.7428309614770114"},"directories":{}},"0.1.67":{"name":"harbor-ui","version":"0.1.67","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.67","scripts":{},"_shasum":"8eaac06dc63d9810c30a90f8c75d3483a5b3e3cc","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"8eaac06dc63d9810c30a90f8c75d3483a5b3e3cc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.67.tgz","integrity":"sha512-D0MMS50QDoIR9+KRdpmIFm6W6ZCXVp7ZAZJYVk9sxNy8nvQi8Yq6O8c4klanP3R2PuNzz9p2iaTc8msYV0myHw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFl7KVhfKR/8Y7n6+2HyohQhWiOLy52ADXNVtiOTcIBSAiEAhcFn9okBRr5SYJ2GcFFTlq3B5k0c1k8f7knpMb02GFE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.67.tgz_1497540192763_0.6070512260776013"},"directories":{}},"0.1.69":{"name":"harbor-ui","version":"0.1.69","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.69","scripts":{},"_shasum":"2e6768068b02704e0736e2dfbb56b4f647a185fc","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"2e6768068b02704e0736e2dfbb56b4f647a185fc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.69.tgz","integrity":"sha512-O6vWzF8oQE9Lawy8azqLWT3Nh+TEAkkBIDjJDvN07qbHGfNou2lhedOl+1MfyPzbTRrUiS6YaGREy0dgUcgZ4w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD11yui1H251hUz9UoOI4jWUSd3id0CgIAKeUQzw5ApXAIgOtEiCNPGJNHtPF2JEOPOe+I1tqKK0JJy3FTOfdURJVQ="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.69.tgz_1497601897310_0.09498603618703783"},"directories":{}},"0.1.71":{"name":"harbor-ui","version":"0.1.71","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.71","scripts":{},"_shasum":"1e14e83eaee170e3b5f78d8c5cee0215dca4198e","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"1e14e83eaee170e3b5f78d8c5cee0215dca4198e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.71.tgz","integrity":"sha512-hrpz+PWWthAEcQw+IQ87gI6V7ocAlJiTYzA5eR5LXld0U0TUwQAweq7zEvLQYZU1xUqafxnQyYZjdEmNAx3laQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEeUQ3q9kicy9wXArAysmIdcewrrp6heXFg0GFdZ2TnVAiBXuL2ZzwS3PgSpKGPo4gITTvI13gYbazV/GnVdFuIeLw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.71.tgz_1497607963043_0.6677189748734236"},"directories":{}},"0.1.73":{"name":"harbor-ui","version":"0.1.73","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.73","scripts":{},"_shasum":"fdb361aa5bdd93ca39dbd74c3420e31d7fbfee45","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"fdb361aa5bdd93ca39dbd74c3420e31d7fbfee45","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.73.tgz","integrity":"sha512-m8OysZTJY5laXFh2VQrZocmQyYdnaHweQFbMNYX6FQ2Bzo4DLbW56otsZYC1xaxCoP3AOiE7886Qg81T2aMMlw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHHDvDW2elsISYe2PSL8leImfofRD3VqmIikTIIGmihbAiBZY+jxL9OjgjsYAIFHPAAuEA3OxKhAJH2uoAHQmIcCSg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.73.tgz_1497667833530_0.6458307574503124"},"directories":{}},"0.1.75":{"name":"harbor-ui","version":"0.1.75","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.75","scripts":{},"_shasum":"28c9e87a31b1f0cd465b717493561b328c00753a","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"28c9e87a31b1f0cd465b717493561b328c00753a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.75.tgz","integrity":"sha512-b718AT8nEvMINhB5Ar8DZ3R+FGInT7JMn5GZjmfy5qHs7cen8J6QpDLN7Q5fvhC4o9zlPBWthNbJNFGMw9XBWw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDtIMrO/RP1qH2pgxSlBXY+X7dYbs8iKHo+CxmYZDnGqwIhAO+zyjp/DW4/Q5bHOs+7jO8XDoO2lqGHOmYnVbK7sC6D"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.75.tgz_1497669441960_0.8760241728741676"},"directories":{}},"0.1.77":{"name":"harbor-ui","version":"0.1.77","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.77","scripts":{},"_shasum":"09f34c6b17a5ecd7a19da5d5d5942dd08b61fee5","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"09f34c6b17a5ecd7a19da5d5d5942dd08b61fee5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.77.tgz","integrity":"sha512-QGS9zdDMjpVpOYoMQqMC7Zk/+0h/574zfjyXrIcLVFGWb4GMHeNwusVU7k64huIZc+1ScWwIeM/CMtp4jDSbWA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICey+AWgeniCTLc9GKasCRTzWtAdvQ5s/cRhpQLwmCgsAiEAzFBj+fpyer0UxtU7c/N3OANZ78QvCNlvtRaOGyi6dTA="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.77.tgz_1497671090700_0.8486958278808743"},"directories":{}},"0.1.79":{"name":"harbor-ui","version":"0.1.79","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.79","scripts":{},"_shasum":"99fed16a88d2b56caa0e75125713cf739a345ebe","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"99fed16a88d2b56caa0e75125713cf739a345ebe","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.79.tgz","integrity":"sha512-hS6KWoL2ts7ZKNI7kN5cBmtIQUvi/Y4CULXgGsMKyiQgPImYUSSgFOqwIRmL1uDk731pw0JPkZaiBFMus2JLuw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFPozn/tfaqMRTlB6s83fpLOB/rejWpHFJKjPxonh6HmAiEAj8GAzLDzVAJkoujKktl0e6yTgysxJWN/lDTFbVtr4x0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.79.tgz_1497671717877_0.34895487898029387"},"directories":{}},"0.1.81":{"name":"harbor-ui","version":"0.1.81","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.81","scripts":{},"_shasum":"786f532c4be8c152ef9692b7ebfd66bd5373a716","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"786f532c4be8c152ef9692b7ebfd66bd5373a716","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.81.tgz","integrity":"sha512-fY9eysdefQnR6ISe37F+M76Wza5p6XIGZUx7kQRVLfzQKttUZ+5hGZdPuFZafJklcYeIauuFLZphrrSdzYk9KA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyDFFFD4e3aMSk9AJAfchlVrn+SF2rIxAMvCWzcxStggIgA2RmgN/M5QA1iU7KXzpyWOIPB1ms/36M/4VVI5MutLc="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.81.tgz_1497672085020_0.15938921552151442"},"directories":{}},"0.1.83":{"name":"harbor-ui","version":"0.1.83","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.83","scripts":{},"_shasum":"8496ef4de39a523d4e4d932cdff63ae93eb53a63","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"8496ef4de39a523d4e4d932cdff63ae93eb53a63","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.83.tgz","integrity":"sha512-gI1nwU3UJla46x+d4HuUvKXTvFGC556YHzWswbS/PmvyavZODlcgLa6/ZJrcc7KVIVPQRbDrsYhHAEbGJBXkQQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2uhI/dIayLDWCthrXINLF2jK7DUzaeBmurCtxiyN5GgIgAoF3OUqq5Vx9ZuClgfwJbWlZgRb9LRpkxtfAK2F/uNM="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.83.tgz_1497711022693_0.9336245283484459"},"directories":{}},"0.1.85":{"name":"harbor-ui","version":"0.1.85","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@webcomponents/custom-elements":"1.0.0-alpha.3","web-animations-js":"^2.2.1","clarity-angular":"^0.9.0","clarity-icons":"^0.9.0","clarity-ui":"^0.9.0","core-js":"^2.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","zone.js":"^0.8.4","mutationobserver-shim":"^0.3.2","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","ngx-cookie":"^1.0.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.85","scripts":{},"_shasum":"6796d896b040d5049d0b747b7f810d2781bb9323","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"6796d896b040d5049d0b747b7f810d2781bb9323","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.85.tgz","integrity":"sha512-fUigR3CqpOEqk56j3vPiCH1IOA6dqYQUIOOJVKA1WcIrSKh6/QTaRIF3hGkG4yGzt2dSV3A067s9liArGOWz+w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAsF8sy6ONxgEpKxwhpzlRBidveefkDRRHVf4dsNBHtuAiEAiKFwsTGU95xIv9Z/VFi3mvqCBrgf+fcXaHbMsN/kbcM="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.85.tgz_1497779841283_0.7980198527220637"},"directories":{}},"0.1.87":{"name":"harbor-ui","version":"0.1.87","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.1.3","@angular/common":"^4.1.3","@angular/compiler":"^4.1.3","@angular/core":"^4.1.3","@angular/forms":"^4.1.3","@angular/http":"^4.1.3","@angular/platform-browser":"^4.1.3","@angular/platform-browser-dynamic":"^4.1.3","@angular/router":"^4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.7","clarity-icons":"^0.9.7","clarity-ui":"^0.9.7","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.87","scripts":{},"_shasum":"a8f9a7b9a04d6fa1a628ac6d57f6d38b48baf9d0","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"a8f9a7b9a04d6fa1a628ac6d57f6d38b48baf9d0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.87.tgz","integrity":"sha512-MJkaCmX2q4l1QNH3BMNdDhxE10r02bX1O6fVzZDRapju/xg+PwdNJa3pYIoEP6/6gLVKMOod3QV4cOBgCBRbiw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChGK7B2vIx7Mudssw3JiYis3om5gpfUnqH6fUrrEOsUwIhAPWesSIKkDsK4WxP5xAj6ync8zy66UMeZ4HLqopM9l0s"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.87.tgz_1497862005527_0.6215442675165832"},"directories":{}},"0.1.89":{"name":"harbor-ui","version":"0.1.89","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.1.3","@angular/common":"^4.1.3","@angular/compiler":"^4.1.3","@angular/core":"^4.1.3","@angular/forms":"^4.1.3","@angular/http":"^4.1.3","@angular/platform-browser":"^4.1.3","@angular/platform-browser-dynamic":"^4.1.3","@angular/router":"^4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.7","clarity-icons":"^0.9.7","clarity-ui":"^0.9.7","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.89","scripts":{},"_shasum":"a5006e20d42efad2cb4b5f0a7e47e349c0e63710","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"a5006e20d42efad2cb4b5f0a7e47e349c0e63710","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.89.tgz","integrity":"sha512-8O+WY5RFS8wlEKLRjBjAJTETECgnTRlHPsDsIPfbjsih7w0xOqRqRh0bohexWBtD3Vd19A0r9DKDwrkKTpzmLQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdshpFcoSpG42VtnWlSnBqwSHGCk/1djB1IxYdfw7mCAIgfnRimukCV5jWjzoh1wTHSs6uNSeKExInoIOqeEYBLa8="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.89.tgz_1497875233493_0.181641498580575"},"directories":{}},"0.1.91":{"name":"harbor-ui","version":"0.1.91","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.1.3","@angular/common":"^4.1.3","@angular/compiler":"^4.1.3","@angular/core":"^4.1.3","@angular/forms":"^4.1.3","@angular/http":"^4.1.3","@angular/platform-browser":"^4.1.3","@angular/platform-browser-dynamic":"^4.1.3","@angular/router":"^4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.7","clarity-icons":"^0.9.7","clarity-ui":"^0.9.7","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.91","scripts":{},"_shasum":"b42648bdb5fec1cc627731bf1cf299be09c6ffb8","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"b42648bdb5fec1cc627731bf1cf299be09c6ffb8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.91.tgz","integrity":"sha512-nTvkyxY8BKfReHzU89MBkvrsjFUIdhsVd69g3a3Msd7xkfsNOBkBf6eMm++bDGKsW0hoo4jarfxUETC53SEUDA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB6NX5+FQqgo8zBduRhBW/xWmC/LZwrhALFjVIMbC0ofAiEApeIYHwpE8MH7uk9y4sTVU1HmjUIEe00Qn/5WosnzUXk="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.91.tgz_1497876613822_0.8474467813502997"},"directories":{}},"0.1.93":{"name":"harbor-ui","version":"0.1.93","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.1.3","@angular/common":"^4.1.3","@angular/compiler":"^4.1.3","@angular/core":"^4.1.3","@angular/forms":"^4.1.3","@angular/http":"^4.1.3","@angular/platform-browser":"^4.1.3","@angular/platform-browser-dynamic":"^4.1.3","@angular/router":"^4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.7","clarity-icons":"^0.9.7","clarity-ui":"^0.9.7","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.93","scripts":{},"_shasum":"9c3a952ee4c638c01af5a9cc175e95b1cef99b1f","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"9c3a952ee4c638c01af5a9cc175e95b1cef99b1f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.93.tgz","integrity":"sha512-RrHta8wWKnCUwffIDBW+vUUmcoBb8PI8bzR0HFYHGNgBqQbjsv83pmWJCBacyibeUYH6nD+HuX6eKrW1U8Og1A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCBLUpXf0F0OaeRbjVajgjhZ1C2qP5PPhGM1VrGDnuXYQIgHQGSLuFpzJ2JIpsyME3CN1EYIUA3l3QZ38ImcszcvKg="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.93.tgz_1497884654220_0.08163016731850803"},"directories":{}},"0.1.95":{"name":"harbor-ui","version":"0.1.95","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.1.3","@angular/common":"^4.1.3","@angular/compiler":"^4.1.3","@angular/core":"^4.1.3","@angular/forms":"^4.1.3","@angular/http":"^4.1.3","@angular/platform-browser":"^4.1.3","@angular/platform-browser-dynamic":"^4.1.3","@angular/router":"^4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.7","clarity-icons":"^0.9.7","clarity-ui":"^0.9.7","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.95","scripts":{},"_shasum":"18a61fe855379aaddace83413f0594b5c038adb6","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"18a61fe855379aaddace83413f0594b5c038adb6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.95.tgz","integrity":"sha512-jIFlpspR7CuuWPGvq+H/la92xECsH3uYIgvk+1O0D2Nh0NyMGeHrnfxEx+zzR3ANv0pc3rAkf9GNRaEXTrJbLg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCum2AronOQxD7ffQdznRU2WovueRmuEhP7AB0up1Q1WQIhAK9qPK5NqSNT/7+refVen4hFPd3x58cxGJTR3/7cxjXm"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.95.tgz_1497886497605_0.5806619734503329"},"directories":{}},"0.1.97":{"name":"harbor-ui","version":"0.1.97","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.1.3","@angular/common":"^4.1.3","@angular/compiler":"^4.1.3","@angular/core":"^4.1.3","@angular/forms":"^4.1.3","@angular/http":"^4.1.3","@angular/platform-browser":"^4.1.3","@angular/platform-browser-dynamic":"^4.1.3","@angular/router":"^4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.7","clarity-icons":"^0.9.7","clarity-ui":"^0.9.7","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.97","scripts":{},"_shasum":"3749a245a18cede1050f68cf80d9dbd3c2fe9367","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"3749a245a18cede1050f68cf80d9dbd3c2fe9367","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.97.tgz","integrity":"sha512-Zm0IEpDllyEvKfQpjDxxWefgBp9WiJs7v05+evv8AgW/1wo4aG6JF7MoW09MwAJBODHhne5CqVk8Vtt5Z2IjjQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdoxSHH3xe0gCrCuSvJK+vujJeWIHrl5Cy2we1dKnl+wIgezPd2tYfFZ8tIiYQPA7xpgk5g0JDvixZT7xavYGNdlw="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.97.tgz_1497887483150_0.2184607565868646"},"directories":{}},"0.1.99":{"name":"harbor-ui","version":"0.1.99","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.1.3","@angular/common":"^4.1.3","@angular/compiler":"^4.1.3","@angular/core":"^4.1.3","@angular/forms":"^4.1.3","@angular/http":"^4.1.3","@angular/platform-browser":"^4.1.3","@angular/platform-browser-dynamic":"^4.1.3","@angular/router":"^4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.7","clarity-icons":"^0.9.7","clarity-ui":"^0.9.7","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.1.99","scripts":{},"_shasum":"85b2c3567ce33b361bcc570eb7dc09e1dca6fee0","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"85b2c3567ce33b361bcc570eb7dc09e1dca6fee0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.1.99.tgz","integrity":"sha512-e5yoxLdjRSE+n9NPYv9f2EN009tozsm3DC+aaghWtq2rdTn3XOLiEwLQXzRvLUeDb+NJUYdxErEYf8oTpYPFMQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD2BxrjBiKlbs+e1R9oXMlCDVTKpjbLC3GjjlO+y8fofQIhAKioBl7tQ1gDdzPmEGTA+vpS9xr0UmNRGow8kjUylTno"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.1.99.tgz_1497888309395_0.774339756462723"},"directories":{}},"0.2.0":{"name":"harbor-ui","version":"0.2.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.1.3","@angular/common":"^4.1.3","@angular/compiler":"^4.1.3","@angular/core":"^4.1.3","@angular/forms":"^4.1.3","@angular/http":"^4.1.3","@angular/platform-browser":"^4.1.3","@angular/platform-browser-dynamic":"^4.1.3","@angular/router":"^4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.7","clarity-icons":"^0.9.7","clarity-ui":"^0.9.7","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.0","scripts":{},"_shasum":"d30c1bdccbc58c77af8ca82e785fa4d5911ae415","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"d30c1bdccbc58c77af8ca82e785fa4d5911ae415","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.0.tgz","integrity":"sha512-GJmgcab0p9oZy3p6f5ttLHO4SxzGYBBm/mP0ABwG4SoDMs6qep+JqSkLOzENcjfpB8ge9DrpA7f5tuvc79oXyQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCf3Z7tJ3oZ8YG0wxoltyLNvT7dUmVF+A1qIuTcc579yAIhAMSXRVAcvLNNhlGUo5LmOLdhqu/0hyEKa1Vv5MCklegP"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.0.tgz_1497890952465_0.5316012187395245"},"directories":{}},"0.2.1":{"name":"harbor-ui","version":"0.2.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.1.3","@angular/common":"^4.1.3","@angular/compiler":"^4.1.3","@angular/core":"^4.1.3","@angular/forms":"^4.1.3","@angular/http":"^4.1.3","@angular/platform-browser":"^4.1.3","@angular/platform-browser-dynamic":"^4.1.3","@angular/router":"^4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.7","clarity-icons":"^0.9.7","clarity-ui":"^0.9.7","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.1","scripts":{},"_shasum":"91699c5fe72d31c7a97b74c433ce2f59024f7542","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"91699c5fe72d31c7a97b74c433ce2f59024f7542","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.1.tgz","integrity":"sha512-U3LI6NOw1DhynloLW3SDxWq5+zjwDHyk8Pn4UKHPJKNKs9KDZixnM011WWJWKraBAn++kjT5Uxbad6fVhQ30LQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEOGaoWfcqNhmbUJ+sIEngD8mqasX4oLDnaXwY0Mz15kAiAozG6xlWmRUaI6B0xgUOPDJomreOIfVUxemk+bHYq6MQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.1.tgz_1497934414923_0.9848161470144987"},"directories":{}},"0.2.3":{"name":"harbor-ui","version":"0.2.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.1.3","@angular/common":"^4.1.3","@angular/compiler":"^4.1.3","@angular/core":"^4.1.3","@angular/forms":"^4.1.3","@angular/http":"^4.1.3","@angular/platform-browser":"^4.1.3","@angular/platform-browser-dynamic":"^4.1.3","@angular/router":"^4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.7","clarity-icons":"^0.9.7","clarity-ui":"^0.9.7","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.3","scripts":{},"_shasum":"d10e2ef8b9fef08c2caf0bbb0172511de7e1ca54","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"d10e2ef8b9fef08c2caf0bbb0172511de7e1ca54","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.3.tgz","integrity":"sha512-CbndIxE91oMUDRtp/D0U1S19Hz6c+uN8ICIRbA+XCcxAm9iwjwdHSgYxW2B7a0jl0UTQslUoXyJ/QLSyw7fx8A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC6XOkwZ2PckV7nIbBDHiY/J1+macYgc7FBUlYJ/TrNDAiAghfUbLB0/LZbcm+bIgnSg164rLWq6tYCAyCKOx2FOig=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.3.tgz_1497936070497_0.8780966990161687"},"directories":{}},"0.2.5":{"name":"harbor-ui","version":"0.2.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.1.3","@angular/common":"^4.1.3","@angular/compiler":"^4.1.3","@angular/core":"^4.1.3","@angular/forms":"^4.1.3","@angular/http":"^4.1.3","@angular/platform-browser":"^4.1.3","@angular/platform-browser-dynamic":"^4.1.3","@angular/router":"^4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.7","clarity-icons":"^0.9.7","clarity-ui":"^0.9.7","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.5","scripts":{},"_shasum":"2869d89204028e989d2270a74ce1de9a3deb14be","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"2869d89204028e989d2270a74ce1de9a3deb14be","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.5.tgz","integrity":"sha512-N1r65HrXFHHcpYlXgeMCu8BRvpgjd4KxvStotJJyfwIr2+mzK3HddpE5na65UtDevH4IcILp7RdxTfDxIA/CLA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGk2Id9NRIRZrPP5JH9ZnpboxkyoEI/C+eiRmk3+xx1ZAiEAsWGRTgnWpQvjwdoKA8+43lpM30ScSvvV9Rdyv0/RyVo="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.5.tgz_1497937176181_0.45406583207659423"},"directories":{}},"0.2.7":{"name":"harbor-ui","version":"0.2.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.1.3","@angular/common":"^4.1.3","@angular/compiler":"^4.1.3","@angular/core":"^4.1.3","@angular/forms":"^4.1.3","@angular/http":"^4.1.3","@angular/platform-browser":"^4.1.3","@angular/platform-browser-dynamic":"^4.1.3","@angular/router":"^4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.7","clarity-icons":"^0.9.7","clarity-ui":"^0.9.7","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.7","scripts":{},"_shasum":"5330a9fbaf7aeef8d1f5103760d4bbc7c3bbbbed","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"5330a9fbaf7aeef8d1f5103760d4bbc7c3bbbbed","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.7.tgz","integrity":"sha512-eeh2QYM1da/ogxE0GX28LwjgizKDE8+qbSauyN1mQtJ29T8Ck5PHqWjsBKFfcv9pBw7EA4mqet2UTmEICIK1iw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+NS5Emg4EXlpo+NEs6zVspSmLIVQQCbCnPTl3uYgWHQIgbm6UqHRhSVjSZJ3ea65dhp3P1S+N/7Akz95J2arbTfs="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.7.tgz_1497940968588_0.7483756900765002"},"directories":{}},"0.2.9":{"name":"harbor-ui","version":"0.2.9","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.1.3","@angular/common":"^4.1.3","@angular/compiler":"^4.1.3","@angular/core":"^4.1.3","@angular/forms":"^4.1.3","@angular/http":"^4.1.3","@angular/platform-browser":"^4.1.3","@angular/platform-browser-dynamic":"^4.1.3","@angular/router":"^4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.7","clarity-icons":"^0.9.7","clarity-ui":"^0.9.7","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.9","scripts":{},"_shasum":"5d2ea8a6f4ab8ff1a009a9a9c6b580e57f1d59a7","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"5d2ea8a6f4ab8ff1a009a9a9c6b580e57f1d59a7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.9.tgz","integrity":"sha512-pOreSVzf6j0NpJda4UzA9VQWvfqEMS9fR5JsMk90ZANcPxMKSlKDVeDMu5khfBF1RbB96I6l9lGstcwibjEPgA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC72SFC2q0UA3KP4j/i70C3N6oyDs/YlVmu4dWOJ6n4MgIhANRTHYktRUFu2oBPvdjsQNQ9vuGg7an8zIvg3NP8sjzv"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.9.tgz_1497941937706_0.675888730911538"},"directories":{}},"0.2.11":{"name":"harbor-ui","version":"0.2.11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.1.3","@angular/common":"^4.1.3","@angular/compiler":"^4.1.3","@angular/core":"^4.1.3","@angular/forms":"^4.1.3","@angular/http":"^4.1.3","@angular/platform-browser":"^4.1.3","@angular/platform-browser-dynamic":"^4.1.3","@angular/router":"^4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.7","clarity-icons":"^0.9.7","clarity-ui":"^0.9.7","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.11","scripts":{},"_shasum":"33b7a7ecca14c2c9436ae4d6badb3e43ec0d0bff","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"33b7a7ecca14c2c9436ae4d6badb3e43ec0d0bff","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.11.tgz","integrity":"sha512-4h14jgRJjmIZEPj+OqnaV8cY38GMvAubttKip2eoG1/AViG33BqveOwiqSkG8I8eXkWHmx9ER56/foeRiZ8IvQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCx6SvqQgdgyCPg2oXGYg9wjWkuFVE5uggKHZTrfPqwlgIhAPxDnhGtrGJUNM0vPt9SkZD2GU//tCFlHB4Eno+caBzR"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.11.tgz_1497942205843_0.5500746513716877"},"directories":{}},"0.2.12":{"name":"harbor-ui","version":"0.2.12","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"~4.1.3","@angular/common":"~4.1.3","@angular/compiler":"~4.1.3","@angular/core":"~4.1.3","@angular/forms":"~4.1.3","@angular/http":"~4.1.3","@angular/platform-browser":"~4.1.3","@angular/platform-browser-dynamic":"~4.1.3","@angular/router":"~4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"~0.9.8","clarity-icons":"~0.9.8","clarity-ui":"~0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-clipboard":"^8.0.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.12","scripts":{},"_shasum":"7705910d14da55d85f0752c54cf8bb8d96a0c905","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"7705910d14da55d85f0752c54cf8bb8d96a0c905","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.12.tgz","integrity":"sha512-0E1FsSWevLBswzz6Aw0wV4ttwhdZ3lmJ/dfc6h689eRDP2CcAYR9I/W6+PYPIoQQt/kTNh8O+I1osOwrctDCAA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF5LD4nPHnBQwV09vTYjiBYS+lAtK+G3tRp4GB+mSjqHAiAdZFcnOozNj+2fhQGcNsGQeWjXNdZkoa0hIR7XWPuKlg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.12.tgz_1498008767514_0.665195623645559"},"directories":{}},"0.2.13":{"name":"harbor-ui","version":"0.2.13","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.13","scripts":{},"_shasum":"75362fb198038e2f9623d0bbff8dbacace7acfa4","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"75362fb198038e2f9623d0bbff8dbacace7acfa4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.13.tgz","integrity":"sha512-toIJm3pEAHCNfylkZsfS0lVNiBu7KMH5YKF8/vjvwXl5ObaTQKq2xJLL29l6DbWouBUgu0brZoXB6IFIvg9qeQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCliJKQxUeZgsg0sETyNDXCDpPUW/hC2brpN/z8MUYCDwIgd6EI2h2xtzhWhe+OcDeaX1vv8DJZV+nMX6xSeC4aS58="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.13.tgz_1498027320235_0.7624504356645048"},"directories":{}},"0.2.15":{"name":"harbor-ui","version":"0.2.15","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.15","scripts":{},"_shasum":"2b8b351f5fad25a2358fc92d8134e55e454dcfbc","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"2b8b351f5fad25a2358fc92d8134e55e454dcfbc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.15.tgz","integrity":"sha512-60Fc+X1NW/EQTJHouHUmHRD1jnrK+C6JfSLs3k0eZ7qUe5xWmQ2el4IeJC9G1IlN0dMZRqJaXUy9c9QJ1obx5w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB/Sk6bPIjiYjceZTl3j90w1tSw2SfLUn7rDHaPY446+AiEA92SjXu9ckpexIJg4HegbrTXz3IrcU++Pj9xTtuKotTI="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.15.tgz_1498116156536_0.44772240868769586"},"directories":{}},"0.2.17":{"name":"harbor-ui","version":"0.2.17","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.17","scripts":{},"_shasum":"25df8cc695cd95afcbbeb2502a21c1dd9b56ddde","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"25df8cc695cd95afcbbeb2502a21c1dd9b56ddde","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.17.tgz","integrity":"sha512-grXD2TkoWu55bMhAYmC7R3bnBksmrAne7p8wC/W9QEFbCSI6yQ0PtSUUOTSiIq2RROIP7FMnQk5m6b/rwPCOew==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICHsKzRB7iYMIq1RFYzPWRb96x6y7mmrTgqpIEtvOCP9AiEAtJ+rHhWIpWtYrDKXID0bPN/kUYRkXXDxsZMME8tIj8g="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.17.tgz_1498120019752_0.10809418372809887"},"directories":{}},"0.2.19":{"name":"harbor-ui","version":"0.2.19","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.19","scripts":{},"_shasum":"a7adb5c79030eedb826bd318a130de8a31404437","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"a7adb5c79030eedb826bd318a130de8a31404437","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.19.tgz","integrity":"sha512-AaiHVsudMdjGUcHf26szwbx/POb65UKsWbeg+SMIHhEBA2C27PK4fnEmHecOEkW26yTYnU6SDzGHqVZPTUJ5DA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCtdd1RVT00vu5EjTVxnQk/Htx2abj1dZmYXAQX/w3/OAIhAP07yOGM4OlUs7c9Ts+Ad7mr12VjvTd0TS2twzVgLGj7"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.19.tgz_1498120937439_0.4400167088024318"},"directories":{}},"0.2.20":{"name":"harbor-ui","version":"0.2.20","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.20","scripts":{},"_shasum":"a3bd7b319193b58c6b954efa26c5987dfa4ae2bc","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"a3bd7b319193b58c6b954efa26c5987dfa4ae2bc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.20.tgz","integrity":"sha512-Wowt9VyHB17raA5v19oDjkYN6Qbstdnr8pTDrx8qInzcqvJulkezKno/Wbm8s9OQquqf0WLGSFkxd3koYcQQ4A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG9J7P5eIojyZR9nome7TuKz2U5LjaD5rHXxWUlDxEWCAiAXySgc6PdbLW4RcQljxwJViNX33WqTXhSHIDZbV9nCsQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.20.tgz_1498128821760_0.406220959732309"},"directories":{}},"0.2.21":{"name":"harbor-ui","version":"0.2.21","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.21","scripts":{},"_shasum":"7fd4192f3b4d3c725a24f5151678a6024c056e24","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"7fd4192f3b4d3c725a24f5151678a6024c056e24","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.21.tgz","integrity":"sha512-E/h3oUWUIriRbi+Nc/KpEurp9rdl8hQ2WY2AeIa/gjFq7BU4TQIjftPR6F9R0vMpJzKoDaThzdN//uB7nt6MUg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFzxDavjp+zEV1lZeqiCfl/iXjl9cS5jTlb0EATPoN4cAiEAsZjI//W3TGUKLKbihSew2+pZY+wO2aUfXLh2yblzHSk="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.21.tgz_1498199864484_0.9326038423459977"},"directories":{}},"0.2.23":{"name":"harbor-ui","version":"0.2.23","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.23","scripts":{},"_shasum":"1ddfbe0ed9211a55558698fc2d25b757f948253f","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"1ddfbe0ed9211a55558698fc2d25b757f948253f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.23.tgz","integrity":"sha512-IDd0iQk0SObKYkIvH9saMEUR71uYNQ8FnTMNZ9OJnXiBGiDOG+6HX21cCx0cMn1vHCsn87JeLwHbu/9/Vo7UMQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdIp/8PZgDkIqsoFa3/pi0Whste9qubx+B7PWUnzvq7gIgYW1KkQ99BBenxCfdMk2W+PvBKOpKnpGPJNDJqyGxGI4="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.23.tgz_1498202165738_0.05511223920620978"},"directories":{}},"0.2.25":{"name":"harbor-ui","version":"0.2.25","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.25","scripts":{},"_shasum":"c66851681da120c0a977a9652f07afa8d121b869","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"c66851681da120c0a977a9652f07afa8d121b869","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.25.tgz","integrity":"sha512-wJ3YDoD/ZLrkCkVqyCHsr4JjG2cXaJtvjRW9OMIjyy1k09xOyhW1PVtqC9Eq72lQOJ7YmQ2MgWXerBm8sF+y2w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3BwNJBHStneYccSjM8kpxcWAsM6SHtDE6Mt4y/VqVeQIhAMpXLs4MKpxc6S7+gZwHOA04g4l1EoGiN20o4asEUraS"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.25.tgz_1498205110180_0.8806279532145709"},"directories":{}},"0.2.27":{"name":"harbor-ui","version":"0.2.27","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.27","scripts":{},"_shasum":"32b9dac6c67b1a1f417e71a4095eb8c55acc3fec","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"32b9dac6c67b1a1f417e71a4095eb8c55acc3fec","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.27.tgz","integrity":"sha512-dq1pVqrvQ7nB9mha6UXDQXKJhe3smBjLBVveCu7tvlwitLAf7RWFS9XIufedN4sdNc7d2mMBWXHvqo6wewvoRg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdNhTNCLkgmONSoN2H8vpwsqdd1xnzSVOdR2tN23yclQIgV4EdXokhwZkaYfzUHIpOSXCg+RbQBZ1vCtvuRr5BKMk="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.27.tgz_1498702077535_0.5936355125159025"},"directories":{}},"0.2.29":{"name":"harbor-ui","version":"0.2.29","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.29","scripts":{},"_shasum":"5805808009ca6da091ef778d1ea7ceaba93eceab","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"5805808009ca6da091ef778d1ea7ceaba93eceab","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.29.tgz","integrity":"sha512-BcqtI3PQ0WKHiJgY8buAD5ygzuVh4SbuNQ7+KmK0oiG2BGaq2RpuW1zLRd03LPCV824s6jv2qU7kS06X68SOxg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCK0V2JTJkTab2t6e+zvXIyiG0lBjWHLwWbQNwOJtFtEgIhAIot9TT/JfFcAR4LwbyigZIoepML1HDhDuJa9pMJHnKl"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.29.tgz_1498713464489_0.5620600506663322"},"directories":{}},"0.2.31":{"name":"harbor-ui","version":"0.2.31","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.31","scripts":{},"_shasum":"f4aafaff3a6777c9e129b7755c7a9f88a1490504","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"f4aafaff3a6777c9e129b7755c7a9f88a1490504","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.31.tgz","integrity":"sha512-KMj8+Yk8F73vMsz8HVuXOYoENi93GK21ySYLM2xSgg74HyN1qe1ndvVQC6FsUhXgRs8k/b1zl0bfXMurT1oYpw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnPJDjODDQHKvtwphHzcFFq2E4BclExFyIGvPPeN/iCgIgea0H+cARFeui5y/jPlxb3vAlnn5/ki7T7uaYqm71Z3g="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.31.tgz_1498727039597_0.43715023808181286"},"directories":{}},"0.2.33":{"name":"harbor-ui","version":"0.2.33","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.33","scripts":{},"_shasum":"a167efd38e40634a515eb365e3640c1fe6974dac","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"a167efd38e40634a515eb365e3640c1fe6974dac","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.33.tgz","integrity":"sha512-cvIMGrabYo6UrjUNvU+UHtbxImkgJzaxSiCxspv/wWCeRxsmJwOLBdN4EatZbTFglg4JG3TRFdMTCelW3QPtQw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwe7G35hxv2WCalt+xxgcu7tUy3Af0sGzv1cixbHZFEQIhANJCBP1/cRH5Rqo/5JZBVEk7RsMxwZorotp4yhlw6Fg8"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.33.tgz_1498728098526_0.9185225397814065"},"directories":{}},"0.2.35":{"name":"harbor-ui","version":"0.2.35","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.35","scripts":{},"_shasum":"111410191e7716c83b6948e61e1610797cb2007a","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"111410191e7716c83b6948e61e1610797cb2007a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.35.tgz","integrity":"sha512-bq37g4ZDNUkc58PSO0BIyTOt4E5R3Am4pll7omJ/J3vgy9WA4H3f6XnNd38nbFg+Rf5a/6Y+hUFc1oDa1+mqYw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDkroJwpizcwGAOAwY8Up8FTy/qQUyOq7lWk9zXeeTFzAiB6PcNv2O0RjcqmOVbxciyoWsusjtquF8K8M1UHoZfhFg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.35.tgz_1498728674697_0.6406923178583384"},"directories":{}},"0.2.37":{"name":"harbor-ui","version":"0.2.37","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.37","scripts":{},"_shasum":"003971fa35187f30844ce54aa6fff3b9395038a5","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"003971fa35187f30844ce54aa6fff3b9395038a5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.37.tgz","integrity":"sha512-fHf9NoRh+GgrqGf3cKCUe4/SK7bCqxLXqekzMPHLi8eB1394dGh+5+oTLtwDwYnOhqk0LhU7pKtqagzPfqYWQQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA7UHdQq68M10j5k317CU/iXDOxZwU4T/kdIZIQHJkOoAiB/Qz7kxRCkphhMI+PvxNFR3q/KwOHVQGB2WsKv9GvsDA=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.37.tgz_1498732006137_0.323824506951496"},"directories":{}},"0.2.39":{"name":"harbor-ui","version":"0.2.39","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.39","scripts":{},"_shasum":"8a95e9d16bc63ac8b947c033c51b790ec52669b0","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"8a95e9d16bc63ac8b947c033c51b790ec52669b0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.39.tgz","integrity":"sha512-uDpJ8xKAXBDM6Kl+3za1M6DG5ImR35NVI4dSG2IQeA2hKpCvBv2Nq1hfmyMrqUz6pyOyLAKqhZ0q5CfkFfWPpw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEzC9le2HkoDHF4deGA4kCV1rtIodp3mYJaDnCRdXTqqAiEA7tdbwWPGhWnFtzsr4bZGb5VsUkCrJin2KTJ2yUrCZsA="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.39.tgz_1498732056732_0.021740381605923176"},"directories":{}},"0.2.40":{"name":"harbor-ui","version":"0.2.40","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.40","scripts":{},"_shasum":"6310d79691ac30d9a88857f6877d634e1cccc8d8","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"6310d79691ac30d9a88857f6877d634e1cccc8d8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.40.tgz","integrity":"sha512-ptIslasnCdq4EdM3kFTvEpJB0FSw8GQS1Gj2z2ngSXgfaz4t/rP+VEhlidhMN9k+WWQCgp3cDyEJQDqUH3nqfw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGSeSU8TG2waWQKblEgsgmPTWZh8Qb4qHJBJebuiMKdbAiB3QdCfCIKjCVH8iFki/hKFXUFG/yufVYbaBmq1wI35ew=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.40.tgz_1498732793358_0.4482107344083488"},"directories":{}},"0.2.41":{"name":"harbor-ui","version":"0.2.41","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.41","scripts":{},"_shasum":"7a7146db7ee4f82dce6fdf556baab49929c8b8f7","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"7a7146db7ee4f82dce6fdf556baab49929c8b8f7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.41.tgz","integrity":"sha512-O/YpqLb9CgbCjZOBboUMjEXDvmryQqhF7TB+i5vsqa1M6HnOoLJsRvpAg+DPCoFfGv0GItyh9sBlfneoDpZiag==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMJl40KTQOjySp4cenkyRDGhmUbXhPHQlaRXzJ0usNLQIhAIDhUUj33asAOcN5gTb3ymduzZ2hoH4m7hPin+3Pmunm"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.41.tgz_1499091295333_0.6691728555597365"},"directories":{}},"0.2.43":{"name":"harbor-ui","version":"0.2.43","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.43","scripts":{},"_shasum":"26e33fcf5645c8960bb5c6948fb749f919447a4a","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"26e33fcf5645c8960bb5c6948fb749f919447a4a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.43.tgz","integrity":"sha512-I4+GXBCqePm+A8nGVugCkx63xd+Uy+cWfL8XUEnUxnKMmH5QGVdYbHEQz9vb4+TjPfmHH5KNA7WBKwyarP9WHQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvm8OH1/nGRwRwtpZ3ASCIWewoPJuVsSEfLUNwtByOXwIhALXY1WD6ufAcjchfyr9/xxkWxC8VQo0VHHeAbZwrttUK"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.43.tgz_1499093334936_0.5117552666924894"},"directories":{}},"0.2.45":{"name":"harbor-ui","version":"0.2.45","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.45","scripts":{},"_shasum":"e71393326aac3fb99f5d64dfa193bda85f5c01fc","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"e71393326aac3fb99f5d64dfa193bda85f5c01fc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.45.tgz","integrity":"sha512-ROBcbejzmaOZWueKSa4EO2Fw44xW7RpsNXk/K8JHmZrvE+KRQUY+kf96iJnlhbw1ZGscX+FcCMFNARGT8HiAug==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJvJxxy9cUYH5FULoiacZya8X2zNe7mnC8ApKFo8GzTwIhAL+OnOZJ2+mppYPWODe5pzcfNvNJi4kLpUYuKJzU5JwW"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.45.tgz_1499155111328_0.289425065042451"},"directories":{}},"0.2.49":{"name":"harbor-ui","version":"0.2.49","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.49","scripts":{},"_shasum":"a678c27aec3dcd8e026f2bcda12b533658f388ee","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"a678c27aec3dcd8e026f2bcda12b533658f388ee","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.49.tgz","integrity":"sha512-00WWmuefPSQdct42McS6MpfX5isycEtAZEfBUJkh2lR26d+JwkAs91HVvMXHoWzax5ruxdtOWWdLf5pYh5xPfQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9H2vH0vVZVy7QncSsYHdI9bFHaNMhY/scv7qbWfGaDwIgNjUCF0ucXcgk4qvD3coMtfm4Hi0uNtKPiGvZ7WQrXe4="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.49.tgz_1499164372995_0.4890526379458606"},"directories":{}},"0.2.51":{"name":"harbor-ui","version":"0.2.51","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.51","scripts":{},"_shasum":"e2b10888d1589d77c5b6a800d7eee105a7007e30","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"e2b10888d1589d77c5b6a800d7eee105a7007e30","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.51.tgz","integrity":"sha512-vaJ5Xu3cINyMBVfNbIReyLyDEcZlYQSHWJCG0ccCBDh9O5VpLNqYQpNqtwbkR4YJ+MDz8KUxT1Wb4GmiHCT6zw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCi/St2d7CDKFq/oP93rl+Tq9KsUun9Hrr15Ms29sfNbQIhAKdc7uIh4h+woFhv/XvU+S5MML/qIx0MbhZpaRAQxtKe"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.51.tgz_1499170530343_0.0891226320527494"},"directories":{}},"0.2.52":{"name":"harbor-ui","version":"0.2.52","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.52","scripts":{},"_shasum":"75579cc18f37fb4f2a7768d189cb72c7043ebba6","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"75579cc18f37fb4f2a7768d189cb72c7043ebba6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.52.tgz","integrity":"sha512-ixDEE3z/rBh6VyzPF5Fe+KXMrojlz8NUEf3GmycgtRRpPdRCJeSFRCxW73DxSNsVSZ0T/uISNd2wGvLhFxelkQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVgq0dgPFcrehXSutfuAvyggGhqOaHC3kTtEtHUiEf/gIhAK93bObSUYuvA6EIsSg02FlWY6OV/ES9v7FMSJL/sICB"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.52.tgz_1499171215929_0.6566636071074754"},"directories":{}},"0.2.53":{"name":"harbor-ui","version":"0.2.53","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.53","scripts":{},"_shasum":"bf965a2cc4317ea4a18e269dd002cc1ad6003101","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"bf965a2cc4317ea4a18e269dd002cc1ad6003101","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.53.tgz","integrity":"sha512-qZP+nFYe+Ig74XTYAaJvFnSHaLBt/nV6C5EKv33tKisJNA2UrOup2fapqrxjzS6BiXxCcQnApk/0s5GP90EsoQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICC0D6pVzz+MlrpzG/iJzIQ2U6nEwCrjW0hz+M29KhjhAiACY8RbSXLfSjOlCDu3kMHhTRL3VoF804dNoMGENiVrCA=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.53.tgz_1499782819554_0.15157352667301893"},"directories":{}},"0.2.55":{"name":"harbor-ui","version":"0.2.55","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.55","scripts":{},"_shasum":"51db611617e6b234efce986beddd7218379d6d03","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"51db611617e6b234efce986beddd7218379d6d03","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.55.tgz","integrity":"sha512-Kll5UzvkF/SGyfVM8DTNYBmhw/iH1qW9ib7vIWv3xiM7oEXTJAm4P6/uVMInkLYGBAwdyBla2XGgHI2jf7DH3Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHrc5G2VFYITxninfdG346kD8wSK3DVJ4yeUDnLKuNS+AiB1o2Iey+JgAakRq43lHg2vhVnK5aN/3lzk/jWJmJZNFw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.55.tgz_1499787635167_0.7296992235351354"},"directories":{}},"0.2.57":{"name":"harbor-ui","version":"0.2.57","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.57","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-sOTf483T2Slqj4BUumJWDFt0vWiDcPTFdA7e2s+U4IiG0yC7xIwn//YQzUOy6lM3+T8xkb8hAG18YwjKku17Kg==","shasum":"a86d2863ebe2991455091d91fd5c5301e0ced319","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.57.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEFSbnLdpg97d0jIS0MFNH+TIYY6sAViGF1bET8Uq8ynAiAVuwF+Z8wthngUskeHWGeel7bA+ddhMuszmXDBWah4rA=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.57.tgz_1499851786197_0.4203211786225438"},"directories":{}},"0.2.59":{"name":"harbor-ui","version":"0.2.59","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.59","scripts":{},"_shasum":"7fbc8ef24edec65770095ae1b9876206b30e1db8","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"7fbc8ef24edec65770095ae1b9876206b30e1db8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.59.tgz","integrity":"sha512-BCF76a37cmZc6VTZz5IYVYXmkjTqElUJraKR8FbhtjeITOEkkqvB0MsKryYh/S+YXqtDEMKN1wS1XKHJa8Q2wQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKTZKEhQr7polQ+aTFOAv8vil5Zk4FujaKNuS4nTicOwIhANGZwDdDOTZAWbqVjWj5n17Mmj06ff3zZzaxMMsUD/NT"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.59.tgz_1499854061754_0.49681833386421204"},"directories":{}},"0.2.61":{"name":"harbor-ui","version":"0.2.61","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.61","scripts":{},"_shasum":"367fca51b05ba846ac7f95f560576e155817267a","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"367fca51b05ba846ac7f95f560576e155817267a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.61.tgz","integrity":"sha512-ba5ABTw9aRhq+jL9Xetu3DZhS8uSHvdb2qks4QysrC5SQ1oS9e9CCwXL8HHjmjJgx6kK0WimJaZ5OU8sywuh3w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDE3qeNO9tQO7P4r+XZNCAJMpxTeU9Z81N6iqt2sGb60wIgZPD/iB/z7Mhlt8KbAfhVBadDDQycJ6pIprKPztAEiaE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.61.tgz_1499858245918_0.7349876903463155"},"directories":{}},"0.2.63":{"name":"harbor-ui","version":"0.2.63","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.63","scripts":{},"_shasum":"6616fcda54da207977bd001ac8e00da73e7f996a","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"6616fcda54da207977bd001ac8e00da73e7f996a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.63.tgz","integrity":"sha512-FS8Q58q7CnW7e6lbhOj63W/VYEr1q2vrc1Y3PFHL602s1l2OotRVn8j+UE+R4ytSKG8RpCpG+vQpRZLQphbPow==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdnX8LVMzCUY058GEq2HWdTgasKdI91ACFNpBtjND2CAIgHeALn6R4xf6MzIOrUb5MQwUj8iknBHzDngZd47w3m1k="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.63.tgz_1499860445699_0.00319070927798748"},"directories":{}},"0.2.65":{"name":"harbor-ui","version":"0.2.65","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.65","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-iJfHRJ+iRYGrAHOAQfK0Z5pnq6dMu99+tFwTL/ZuN9wvwjKk+xmPMcjw0pnu5JO3rbW2geL8Ze9UCllIjRLVDQ==","shasum":"c98777c060c705b859da0e1254996b4b0a28e979","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.65.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF46vtswExjYfdX3w0oLoKH9xZ2JgMjswu42x+50oMvRAiBKplF76t7PDeb8Z98oFxpiix+Ta+2pXS1fTTPuPcCijA=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.65.tgz_1499923482376_0.7011807044036686"},"directories":{}},"0.2.67":{"name":"harbor-ui","version":"0.2.67","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.67","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-iJ4J+sR5eLYJqi9IFUYfemwJApRTKtooKMh2QdZzf0X0OagQ/GHD0ByoFU9HAhfe5GPu5Ehbgbc4kapXxdpN+w==","shasum":"27ec1c9e5b82e2bb997fe379494480247df6db0b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.67.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCn0pSsRWv9t5eCdns0i7s2N8A0m+k21SDhNw/3mO+KIAIgej4HYrioqSowRnBUEdYnGjcDliTNRxcPavuVUnHKKQA="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.67.tgz_1499925036189_0.8689017449505627"},"directories":{}},"0.2.69":{"name":"harbor-ui","version":"0.2.69","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.69","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-4e/FutyDiufh8OVLWcK88lQp3+uJaSfbQHYqZ7NpOtZpNJQmgtOkZzAvknZCs44klH8kctjCZGwih+OAnE1q1A==","shasum":"f779bef8a735950533e57a8c0ee53bffdf7a6fa8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.69.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGbm/cyBWOInqZz6yJDy21V+DqwPma4Rfsi3jY5olqj5AiEA8K70VvLCX+qUw+ZJS37N9mAvBqfxc5qJGDQEfqsBTC0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.69.tgz_1499925925449_0.8164373077452183"},"directories":{}},"0.2.71":{"name":"harbor-ui","version":"0.2.71","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.71","scripts":{},"_shasum":"07a343a1f30caca937912a228276f4fb144ce19b","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"07a343a1f30caca937912a228276f4fb144ce19b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.71.tgz","integrity":"sha512-3S2N61ylSWuDSFA9PlMaawxBRQzdQ7T22J65ydJQDpi9DHvmRLOnZemOmNVDd/5kgxX3Swyq+XlWao+j49DIoA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAfPMza7Vy6Ojjmvg/GLS12UVxBlGFdWSisMu84Q6xAGAiEAmpkK28T0ZaA1Sb6u+SYkQlSdvf9DN3uuy3v1sJxkAbs="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.71.tgz_1499926696234_0.12727650022134185"},"directories":{}},"0.2.73":{"name":"harbor-ui","version":"0.2.73","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.73","scripts":{},"_shasum":"4b015b8cc082f9f80da05d8abba365191dc41557","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"4b015b8cc082f9f80da05d8abba365191dc41557","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.73.tgz","integrity":"sha512-powFe3LPg7pGY4ZbY5GLGBNCGLEDoYzHu/n5ZqjsAjSD1ZseYeGswmYHLz0Cp7li1IZBk7cbOgFhXetjdi0ZOw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG7zac9LZLq18XpfosytNl17imcj6MBFeP9HXVwRF4NvAiAvGMvIhPiqLC/QtoXiff6VAFHysNnRkzAH3i2gUHI4nA=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.73.tgz_1499931579959_0.9385341245215386"},"directories":{}},"0.2.75":{"name":"harbor-ui","version":"0.2.75","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.75","scripts":{},"_shasum":"e471b832c7c5d65fe9d6ed78abeba1799b450e8e","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"e471b832c7c5d65fe9d6ed78abeba1799b450e8e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.75.tgz","integrity":"sha512-+fHoxJqdIuHVyDiynpKgsVkrDGTGE3FgDFY+vDDFnKC/m+Zc6L6i/1drGrCFjdKlWP7Ztupbo2t2nt52pCDVeA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDS9sWwCHEKv8l8WgRcl8X3Ps4CQHuhwdUVsLLdvMP9uAiA74nVOf5ePRrBW68WpHe1l9bj2Y+nVJhSzdTdVZvQjig=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.75.tgz_1499955830417_0.45293574687093496"},"directories":{}},"0.2.77":{"name":"harbor-ui","version":"0.2.77","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.77","scripts":{},"_shasum":"f93ffb4024b0d59f7ca6cb2252e5a4d26d4905d3","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"f93ffb4024b0d59f7ca6cb2252e5a4d26d4905d3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.77.tgz","integrity":"sha512-SBDPSdWkrghp3RJtsu8nXLbfXJu5vmkoDLTHrXz8c9gTa2v769PxXcI2DX4qUzCuZiwVMPy9IZi6Gl1zewaAhQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICr0KxZ/DtszamBMCx2WYf6ZkIVgDdXjzWB/Cbfwg6P2AiBa/WpIXGoT2peLJKiyVlN6iOzsaBXRGfIHEjF0xw124g=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.77.tgz_1499956943000_0.14361858810298145"},"directories":{}},"0.2.81":{"name":"harbor-ui","version":"0.2.81","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.81","scripts":{},"_shasum":"4f9ecd7c92565c0a362879912240c3d2a41e18bf","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"4f9ecd7c92565c0a362879912240c3d2a41e18bf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.81.tgz","integrity":"sha512-blu2pdv8IiulGcCM2PYN7YW5Xl8QTx+Rl7LHzMqpFArtSdXtmYb2PRaT+hrtoKynSr8y68CX6rbNtnoxtxgaSw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID1zUXRkZqHmuVTHIU7CU2Kgg+viR9GDGLt/4s0s5HQ+AiB3Rv2VfYdL22dhuA3aQMJEtluAuoycB7r21I8W1Mddzg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.81.tgz_1499959342025_0.6466010955628008"},"directories":{}},"0.2.83":{"name":"harbor-ui","version":"0.2.83","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.83","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-lE8t1lqtatxmhWTRMGQ2tZVnT8EyIf8TW1FF0qkZguC6AoxYDwjsgA8LtPIXpq6pKruWB4SgyB+oW7BKhtoo5w==","shasum":"d5def1e46ab1717e5313547a438fc9e1dc67a7bf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.83.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE/SR7TGvSHDDC0BcKd9jJiF9y308Li9hyMzDe44jRTmAiBmoSRbgssVzAyyLQk9oA9XBaHXG8aKPYHeI4oWoid/dg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.83.tgz_1499994587109_0.8205314294900745"},"directories":{}},"0.2.85":{"name":"harbor-ui","version":"0.2.85","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.85","scripts":{},"_shasum":"faca4febba523c0075ac368bff181553ed9fe48e","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"faca4febba523c0075ac368bff181553ed9fe48e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.85.tgz","integrity":"sha512-rP3L/OakKDIbTs1ompvrgLc/lI2tMPO5zJoWwTxAsCuA2A7rkXU02Jr85fkMDdcOYFkAoDOCYNQTkvNh1PnSvw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCydyBP3X+MftUSuYY7AHKBsBbkKhUs4IAK/gzsNOgB9gIhAODhlHrC9fJrbeo8kDyvHhsuwmCGkOcOp+GyHO5I/raF"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.85.tgz_1500014640184_0.41255946457386017"},"directories":{}},"0.2.87":{"name":"harbor-ui","version":"0.2.87","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.87","scripts":{},"_shasum":"56da783efe069ab35ff1b5d72f40822dff7ad919","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"56da783efe069ab35ff1b5d72f40822dff7ad919","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.87.tgz","integrity":"sha512-NXd+NYQiXoL5zRWX54Q4m7ZAr3I3w7fvBzc+vhPpl2w9rPYiXkqGewVVA2n/W6R1h2AZtvZZc95jWfzceRD3HQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgM8mJ/+B7EjgN2XJtEwv+RvDnwaEZvN9QD1VO85jwGgIhAOQmaqEg+ML7MeRrmjCXSirEmynyX04JuZZc4uNOoCOW"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.87.tgz_1500027319759_0.680111670633778"},"directories":{}},"0.2.89":{"name":"harbor-ui","version":"0.2.89","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.89","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-cPWvwgCVi31ouSGtdqgo8hB/DNcmSEe7SbFVv5RbqrZA16brKAowq81jqfFXy0P9ejxgGiYDFkFDfoN8iUMn9w==","shasum":"6d9d6d5b096e51249db96dbaab16f6ee2d86d3a3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.89.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG5OcIArNi6hKmN8ALXRs6gxreHoX9cdaFn7W6b7go36AiEA7M0mrVSIbkE8aYoz+PR8jCImtKHUZteEyMCNjM3iIZE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.89.tgz_1500287126150_0.576746003003791"},"directories":{}},"0.2.91":{"name":"harbor-ui","version":"0.2.91","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.91","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ArzEkCRXx0qfrvqcWrL/soz4YANCCqTl8eO2Mrffpsop+w64UDzHHsMJJ8e3qqupj2wD/joGshjDJRJzLZLVeg==","shasum":"47b458fd60d9d793487b0d767764913f510922b6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.91.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJXDVQLM8qJCqtbrw+04ClNcY4MDmYKJmECoNb4DrI6QIgefsIC3DmFDiy24JVhANIophVClvdFPlnPjIGDds94k0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.91.tgz_1500288912560_0.6336243718396872"},"directories":{}},"0.2.93":{"name":"harbor-ui","version":"0.2.93","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.93","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-eVsPL6cezy6Wml+ct8uO69xy6/5yZWCvPUfBLWN8DoSHEsE2mDrV5ErNBhojv1jkmsSp3nljdabLVxEjHJw1XQ==","shasum":"daaec6f8508647d326a4bf503354f442cde0f2ab","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.93.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcUluLjAO72wyLUC0tNftvbfY+6fzrKO0omo0Yb2kyWwIhAOHyeSJNI0LThkuJirWIganNCWQ8kFR2Z1FlNhJihKz6"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.93.tgz_1500342058005_0.6055704597383738"},"directories":{}},"0.2.95":{"name":"harbor-ui","version":"0.2.95","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.95","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-MLg7EjlAWXZ0z3T1xh5ZNzMEMHayDYsnzpAx0aSOeBbWXEHMKH09gKdo2erYSEspYqYuuyF2lnHl0JY5f9I7ng==","shasum":"06aa688b34f8dfe961e149ee0b908ad2dd6f35ad","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.95.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEPlRnC+zLx1XVXCoTx30ANOBX0qDj9GbADA4jeJY00AIhAIGoWkF64x36OA/Fqkj3x3v3qIAO2SFt1DACysMvyz5u"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.95.tgz_1500352755064_0.7539172852411866"},"directories":{}},"0.2.97":{"name":"harbor-ui","version":"0.2.97","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.97","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-B9+5NYHiB/ZUObhUdMPSQbxZ6FwgPz5zt/rYfy8BYHO+yQyZw0WrdKmi73WVCPS8ujSq8k/OWFDHpHW3zSWDaw==","shasum":"646e4a6cc231d0ea8c759470792206311e641147","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.97.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHdwGcXjWFb9LHuKW1g1TDAKYrwr79Wikd1W79ShDEXiAiBKShwKsT/NGBph5Rt3aSM00FAa4ptrcxYIUGjnuCrP1Q=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.97.tgz_1500357163805_0.27236388297751546"},"directories":{}},"0.2.99":{"name":"harbor-ui","version":"0.2.99","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.99","scripts":{},"_shasum":"830f76b791a8d19248e97c2d6ca395c2255fc6e1","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"830f76b791a8d19248e97c2d6ca395c2255fc6e1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.99.tgz","integrity":"sha512-xoAL1GqqudTln7XmVurNAoBD6Meo5EhRxHup9lvZWgYKOEWTywDD0B1DgF+9Rxfy0PRPu11zyj8/iLt+6Ga5ww==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCFGk00vUQtC5lZppRO7uIItmZ698Qc2J7GjSrApoHL2wIgBuQBKmqTZbKiWYrogHCDWh07dBsH6nA5FZ4a5WUdEsM="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.99.tgz_1500367691497_0.20606522867456079"},"directories":{}},"0.2.101":{"name":"harbor-ui","version":"0.2.101","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.101","scripts":{},"_shasum":"9fd3d7fe553aef4423d496350c2dd0973b028cf8","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"9fd3d7fe553aef4423d496350c2dd0973b028cf8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.101.tgz","integrity":"sha512-c099Xy5sWlB76UrWTXrqa/ZIqurnfQinUll7IuW1pk2s/E2XMQYgg5UppHyE5Hj3d72Pv4aNvrBD3j9YWiMRFA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBYOtruY1qVyF6TFLBVMfCOoU0WTloE7LrQJj7LCH8NFAiEAv72We/LGK6Yr9w4J9QL/Pg6AYekLlgOnQD0JtdhRmLs="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.101.tgz_1500368834096_0.9162694835104048"},"directories":{}},"0.2.103":{"name":"harbor-ui","version":"0.2.103","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.103","scripts":{},"_shasum":"687a0be77af71a50e8f7e511c169a84df1a75a20","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"687a0be77af71a50e8f7e511c169a84df1a75a20","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.103.tgz","integrity":"sha512-9SEisFpUhlWlaukPuqZ2Y6Nq2NJsjG5zfP5ayAo30P35D/mGir0cl8KiqJ+WVtQ3HtwTJ1m5JyYZlZAH6tg7KA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGKDt0nAWULqaNqbGvm9R9RJ/3alsrotMEstkqFOLdB5AiBq3SyB68y+Vwj+pyhlKIpD5YaF0+U9iPePpGuvNWtF5A=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.103.tgz_1500370161221_0.9885963192209601"},"directories":{}},"0.2.105":{"name":"harbor-ui","version":"0.2.105","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.105","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-3hRtpLegWPmuyVaJqGR0Q9H7+xXy6HPCj7F6ldNcIBEUyaKGncsRvljViUdpo5Fv3xEmCRLvUnyHyqY5nkmekg==","shasum":"21f97625cda8b23380749ba58f5c8c4e461ac43d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.105.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAgA0XZAqsxpfwc0qx78PSyr8bXRwLD3hg7Gdqi2PXAeAiEAhLsoTbCVJvfQGwrgIMCRjw/34+drdufH0y+h1FCBm1s="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.105.tgz_1500372421830_0.9569393673446029"},"directories":{}},"0.2.107":{"name":"harbor-ui","version":"0.2.107","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.107","scripts":{},"_shasum":"6f487512ecfa2ee46fbb6543868a49c745abb6af","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"6f487512ecfa2ee46fbb6543868a49c745abb6af","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.107.tgz","integrity":"sha512-+zB45B3DQYgW4zHXuU6LLI6E73byBgkPb2zx1fmixJEn9oVl62tbhjHkNo8Rzprzhr8/8K1Lj8A3YNR/xz+1lQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD36eD7moIjN4YH0YUJ+p8XON1OYl6e6mHJ/GUvdg7jTQIgQDcmNhrAEz6dv0MEabXUirulgNZNKm/VVramef9vHUo="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.107.tgz_1500388383855_0.060182819375768304"},"directories":{}},"0.2.109":{"name":"harbor-ui","version":"0.2.109","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.2.109","scripts":{},"_shasum":"bc9f5506264b08927c4d4d9ce5117fa6fba552fb","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"bc9f5506264b08927c4d4d9ce5117fa6fba552fb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.2.109.tgz","integrity":"sha512-hz4GOR9f0Eh/bfw0sAPgBjQUYOFi+FqUZsNHndfc3HYZnP5SdUx3ye4ZJWbknAARYwGDLr3c56TCj8JJFvccww==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDaauJv5aQJuWS5NmnTwD9dvJU19yy7HUOFk6Ds1I1bTgIgeYoqPXHA5fWSPwBUQf6hPNeHlfOr9uh8KSaRX5BhaQM="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.2.109.tgz_1500389872494_0.1707255789078772"},"directories":{}},"0.3.0":{"name":"harbor-ui","version":"0.3.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.0","scripts":{},"_shasum":"b9673d0c76258527594bf921f918dfe840ffeeec","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"b9673d0c76258527594bf921f918dfe840ffeeec","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.0.tgz","integrity":"sha512-vrNcvSo18nwjuAfZH8SclgtRSXalI8P1lel2FSJpHPZps0VddvYtZF+bsLeRuolKOXcQ54HKMiWr6LIkXAR2Zw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDSQLjBPD3GZUaVk6MtO6JFlC+MQ/hVU5I45PGMR/jXYwIhAO0QwVKIlDJTS7G93bp7Rfw2OGcUhKDXEwKu4TxaY0AN"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.0.tgz_1500391260139_0.15331916534341872"},"directories":{}},"0.3.2":{"name":"harbor-ui","version":"0.3.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.2","scripts":{},"_shasum":"2c6de73de979031955a6fc4ff212c2ef0bea9a0c","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"2c6de73de979031955a6fc4ff212c2ef0bea9a0c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.2.tgz","integrity":"sha512-urH4wJY1VEP9SyMtrTtu5EeZN+hrV5CyUw3wAUXtH5KHg4rd9bG0XyIglXGkZ5cEtzg6N4JF6bHQ3+xAbnuN9A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD13eBZDwSFuVYJvqRDzKTqc2RvJrLfAIbDrRpMyoeQhAIgbvJz/PN4FeL64tcZ9uhT9re6n1wEy76RrPZNmllYoAc="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.2.tgz_1500391733992_0.6053781046066433"},"directories":{}},"0.3.3":{"name":"harbor-ui","version":"0.3.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.3","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-PxNhetum6aBW45JeI60m87RuaqiddUtiVHwnB2rzUWGi3ko6Sl0EVaUUg8Agx57JwuE9zIU+42JdK2NxL9B6CA==","shasum":"39ee8bc8e67e780ed573198c8ca207385c0015a7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHMQb9uf0xpmzyYXJHVyJxKqU7YxAS3RPtBUuDH2pomwAiAa7LlQKP2171eAGZ0ghoC1c+cQud2zkCn+Gr3dNfZt1g=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.3.tgz_1500441936698_0.19272054987959564"},"directories":{}},"0.3.5":{"name":"harbor-ui","version":"0.3.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.5","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-7Hgt32eWBP66YdVABeQItQky3g3A2OnHGSfp8vVCqqbPBy6VcXmVPGFWIu7qj8ZvZLIOXN/6yPX+HO+Wrr0aWw==","shasum":"9453b67915f31c08223b02cb04b30c0d5c2fc37b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWqq+HfvCekYuLD9c6XmItljDEdIG76lpo5KcVMGpQtQIhAJiZ3qVoLhxbDJ28Hm3XAF9vOuLbRZpBoWXI3HnxJrDw"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.5.tgz_1500442718167_0.1677981587126851"},"directories":{}},"0.3.7":{"name":"harbor-ui","version":"0.3.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.7","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-1/vVuDQ4Qri7pzUdwHLMWO2ozUBYB8HMfKxmsQODZPvB6FtYKNdfpyNyphcql5ZlEnCAvJs+7ZYCx5WLN7SQAw==","shasum":"c3c77bd2461f6fb6e2372507319fa0190359d9a2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhWL3OZ5YiqmF8OeZ5aoC31MHAMlcMPBm/KuGmCsrocAIhAPUM7KZftjSp7w/xyydcvUTsiGQJVvXKoPdDev3FI7tz"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.7.tgz_1500449168076_0.4707319838926196"},"directories":{}},"0.3.9":{"name":"harbor-ui","version":"0.3.9","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.9","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-L24BtVOp9iGloU7zYwqpEMYM8RI02uUIWKX/WTvQeRb6ucxyxMscJKkPFSqzIduBruaAMrXUFL/ECFhHnWMOdg==","shasum":"e5b6d1036819f71c0aa45cd94728307d62fcc843","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.9.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDK+RgToqQJmz1ZIWYBkDSD/1SZ/6h4Y2FzJEIJZMfQegIhAPR8sLFtn45unYSqyGHdlnVmQN4T9tYg91oTWCwsiL0d"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.9.tgz_1500450085590_0.27891850797459483"},"directories":{}},"0.3.11":{"name":"harbor-ui","version":"0.3.11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.11","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-CvzWbGiR1ptoJUjm0Nb6jmEk4pCSbI6HjPncqZU79d77zxm1X5gB6L8sWMKR+Kr/At8LSwZYDud4AHo9iWV/aw==","shasum":"26b87ba94f530d28848d5c3953a4bcca7f4979db","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.11.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG95uiBl3dd0N2SsLWwkw20Qa3/XgP9HTyTlmilaTewZAiASNOLskWsYsAOTUU6aOygXcy4A+vG1XPlXRwNNtRcfxg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.11.tgz_1500456765812_0.1359982138965279"},"directories":{}},"0.3.13":{"name":"harbor-ui","version":"0.3.13","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.13","scripts":{},"_shasum":"997452dfde65a27c464f30779d7fde47307a4215","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"997452dfde65a27c464f30779d7fde47307a4215","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.13.tgz","integrity":"sha512-G1joUifdDrn9oU6gREiE0d2KLO8R2AsXK+Ev/rEJ4NBzz54k8L8u02hUD3DjvVkMu+Ag+m/bh6a4DQgS8b4nMQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3cknF/Lf6ZZZFm/B6O751fmL0Py1NWx5mlkIKoDv2aQIgfnBofP0AT/ogyAL87Msqlfn6FiTeENFi38V+ZDADLmA="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.13.tgz_1500479020184_0.8758834924083203"},"directories":{}},"0.3.15":{"name":"harbor-ui","version":"0.3.15","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.15","scripts":{},"_shasum":"8dcdf1128972af1aec5fdfe3e75b89cc5556f1b2","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"8dcdf1128972af1aec5fdfe3e75b89cc5556f1b2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.15.tgz","integrity":"sha512-G07JgB8lAQy1pfCSj7zAEe3PFTpvOTU/vXiIQRQa2k2I1vkByRm6vEXT78UPcLyA0kjZfH/9Y2YMBMcOSS4hCw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGeJndZl6lwD4diue4JRP2Kw8xkmoHELXfwoWjR4kCfJAiEAsSGwf1djEkrb7CGM0SByCD9hf2XB6CXHtCV1U1Nd8no="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.15.tgz_1500480304163_0.47842478891834617"},"directories":{}},"0.3.16":{"name":"harbor-ui","version":"0.3.16","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.16","scripts":{},"_shasum":"e3e882bf6c0e0acebca838c0a827c0cb0096e265","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"e3e882bf6c0e0acebca838c0a827c0cb0096e265","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.16.tgz","integrity":"sha512-O640XaNaZOjiskRDwPwW7OhvGweA4Jb/94U+uEqLLvMRXgwQi25eOmx6JwkjHVL7rxp1LDfJdakFCThkcJIKQw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFjqEd+UAmqsn78Ek00ZUtO+LvAg7pggJ4Qqn/m7XRmDAiAwmKQPED6GFnYeL91pRLkdnekza4T0JNtGIq4Sznk6mA=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.16.tgz_1500482408306_0.007434723200276494"},"directories":{}},"0.3.18":{"name":"harbor-ui","version":"0.3.18","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.18","scripts":{},"_shasum":"bc2701c7026d29ec1c2f8d83dee1580daec600ca","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"bc2701c7026d29ec1c2f8d83dee1580daec600ca","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.18.tgz","integrity":"sha512-NFEmBLADAvCcUBS2MSLXdXFHHsj80/6n6mLHhv4/GZgFUvvx6KVGoV4h7iqOUn/OpUiDvEPxpx0SKfEuxks5eg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBWkwGHHCBGdzSi2fqGa458e9105/4EQK1Im9AyJcWZhAiBz7wiAHljMkxH/cDzrweLtvwfz3MIdTixUlGA1QIx63g=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.18.tgz_1500482751833_0.7631204784847796"},"directories":{}},"0.3.20":{"name":"harbor-ui","version":"0.3.20","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.20","scripts":{},"_shasum":"caed90e49ea8ff35738b452178023c73dac02bab","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"caed90e49ea8ff35738b452178023c73dac02bab","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.20.tgz","integrity":"sha512-Cvr5iAeOcrXie6dH6Sm9Un85xaBmrJftHjkzeCD+uVCQI2voihHBgWayr4j6rC/tRky8yx+GktjFMhdhz4mMkA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClZStr1iCFBWe9AGQc758m9opfHWl9ISbA6v05Ro0uhQIhAOEu0+df1LWm+pBNbZKSttTJl15CiyonhCm6rY85lmN1"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.20.tgz_1500530674759_0.33006730023771524"},"directories":{}},"0.3.22":{"name":"harbor-ui","version":"0.3.22","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.22","scripts":{},"_shasum":"c7f189e098026f05b7dd7c052d18b4734d94acad","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"c7f189e098026f05b7dd7c052d18b4734d94acad","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.22.tgz","integrity":"sha512-Tqem8b3J1tpib8JX1/bbyvHcaqPv1YCkr1gUJoIaGIoeLRNnH2sd1qn9HE4Zk415ovSc1UJFZ93fW4pkwhy3Ew==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAOwr+BEmt5hkAgaFSxlyGIb169DNN7gfBPUwiRmJeFgIgTZng2KgSDTRMAlskFPyYtJoKrUlfVdx/IM2xdyNBjoY="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.22.tgz_1500532384347_0.5376615531276911"},"directories":{}},"0.3.24":{"name":"harbor-ui","version":"0.3.24","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.24","scripts":{},"_shasum":"c424334ba10587e21c63c2376677178d50ee49bc","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"c424334ba10587e21c63c2376677178d50ee49bc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.24.tgz","integrity":"sha512-hrykMbdZ7LI8n10wqfZj40PONakyDNXsSAt1u7n46Yc1AXgHvLxlQwBfPjAhwrZznVzzTPY9CjrzkZsakes61A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhHsncAKG7S+gEATM0mi+5LQyJDfAT2qCXYIrhi/AeAAIgJ115PJ8EPWhhhewaZoTAxofUxhbFZVfOEklTQNW9Gh4="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.24.tgz_1500532704002_0.9131337148137391"},"directories":{}},"0.3.25":{"name":"harbor-ui","version":"0.3.25","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.25","scripts":{},"_shasum":"0a7c8ddb3cbd496ad86a83bd38cb54820b1afa24","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"0a7c8ddb3cbd496ad86a83bd38cb54820b1afa24","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.25.tgz","integrity":"sha512-Q9/KtScJeTESde1ZTSj9jdvlB5paDpXGon4IPMO5jjWyhK0vD4A8ddgcb6bZYr0waeTpLXxQpZXsy6uS2uKsSg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCE/volmn1bgudU+n8Y2CnqEuo6H/xoM5BjnyHql6SlnwIgT7daPimeKOOW+SmmDLHytsgGrZSxpJIrQwRex6hkpOg="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.25.tgz_1500564067021_0.8014976733829826"},"directories":{}},"0.3.27":{"name":"harbor-ui","version":"0.3.27","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.27","scripts":{},"_shasum":"1957cbdf9f22e48c1aa0c352b3c07a3bc00f4630","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"1957cbdf9f22e48c1aa0c352b3c07a3bc00f4630","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.27.tgz","integrity":"sha512-u3fOa3m6qZ1VJi59I/ZO1hpKcw5QsJHk9hj0GPB48jNqhFUpmED5Aa7G/Y1UHt+VOkIzd/e2hCHllHuTVWStCA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICDn+v4SURflO0r53RrgNNeycTxDwmITAs/zWRMS/BIvAiATIM9ZSAMYVN9/Jd3PPN1tVG8gmydgrwBjsUpdgSWsIQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.27.tgz_1500564511973_0.8882082339841872"},"directories":{}},"0.3.29":{"name":"harbor-ui","version":"0.3.29","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.29","scripts":{},"_shasum":"d660b3d9fe1c21e79a78add7d1d3b64504dcd1fc","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"d660b3d9fe1c21e79a78add7d1d3b64504dcd1fc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.29.tgz","integrity":"sha512-xXZ237Q32qEISZ2Mgb+6l0OnvhEyteXOxWBA8wWTFRL2v4+e08fyuEuV3OEBz08G6qIVOmf7OJaFYTSzLLgoMQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDj2OomIaKMy/wZ1X5kgp0JYBAcjWwqH8ykKlKLYEZHnwIhAI0g4seS1NYB/nJ9nTaQvZnmgkNlLoso5u7cI6I6hmqk"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.29.tgz_1500565035688_0.32917798426933587"},"directories":{}},"0.3.31":{"name":"harbor-ui","version":"0.3.31","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.31","scripts":{},"_shasum":"04fdbdd95ff4b065e8f2d8115c3282c9c046e14d","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"04fdbdd95ff4b065e8f2d8115c3282c9c046e14d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.31.tgz","integrity":"sha512-NVpr93Vh6UKsCrWxPMgmggTiOfmtGIuk/LqSxo7kV0rULmkg4LLHUuKjD+TFAppKgn9xz8Zwerdnx43G01Rk+w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEDU+gVtqXyvauUcgEEi7K6sIw83/ICX/YZVn7caq+TnAiEAsGsu1vRvEeugJZKGMjpdM+YDqAL9uI2Y286Ymc6jovw="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.31.tgz_1500628371904_0.7987291677854955"},"directories":{}},"0.3.33":{"name":"harbor-ui","version":"0.3.33","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.33","scripts":{},"_shasum":"e5f667c4e6e450e92182b68dc40dbfff2c894ad8","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"e5f667c4e6e450e92182b68dc40dbfff2c894ad8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.33.tgz","integrity":"sha512-xlqLsNW0U5lrj5Wy24drMXlU/iIJiKDj4f2XqlIJ0ZV90et8DqUNFbpxK/vKQK8MTPpE9lQ0ON9zbEluv2UA4A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjKdVQRtPpZN15tnbdGFY+t2XEQJtwrE8H5dfyrewS3QIhANsYa8ZJg+yzBfdoEA2Z7TfnCKjEx26frvIgo5jtxBx4"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.33.tgz_1500650282941_0.8683959317859262"},"directories":{}},"0.3.35":{"name":"harbor-ui","version":"0.3.35","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.35","scripts":{},"_shasum":"6e34a53f0a5224b985e8f51772d5f6a93864fe7b","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"6e34a53f0a5224b985e8f51772d5f6a93864fe7b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.35.tgz","integrity":"sha512-WTLXanPNes99NgP0eHvC3cYQAzl8pc4jo27+Zwcufghr/PIqQpSBWw0yBvyxTYnybAMJ/X4HJIiDqpNJaKOsRw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGQ+ON1mgR96fxmSwyYou5Nn1/0gHMxKmlpQzvG/RYN1AiAFDp3wTb2i+Z4adx59yKECC0EAHHTia9sBuKK1cpDqmw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.35.tgz_1500650578499_0.4730997937731445"},"directories":{}},"0.3.37":{"name":"harbor-ui","version":"0.3.37","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.37","scripts":{},"_shasum":"f6ba52bc9268fb4507b5c2cf2cc6e2d769baad6a","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"f6ba52bc9268fb4507b5c2cf2cc6e2d769baad6a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.37.tgz","integrity":"sha512-DKh3dJ95NXrH6qAJz79UJFvHY/aFscWvQLLA5bnwWIpAnXEuxZD+1YUt0+WdqyAj3CFRs8sUF9tZ83u3hz1xXQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9eL560wLAe/5hcAlw+FVeEiqgn9IvHHVpA2KpAnpi2AIgO48AlKpjELtA+xlI0qJH+FC1obQsjNBQW+7MAIu3t5c="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.37.tgz_1500652639838_0.9700903424527496"},"directories":{}},"0.3.39":{"name":"harbor-ui","version":"0.3.39","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.39","scripts":{},"_shasum":"e0b2d099f447c06f00ec745141f7e20df5bd858a","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"e0b2d099f447c06f00ec745141f7e20df5bd858a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.39.tgz","integrity":"sha512-/nAEAzhBG9k9kDYBe+V+BP2TaMzJugudlPcAcVHjW22/U4/hbqAYWvqDgcnKD6CyEByDvYR8O/mV1KAOcuvBBA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDzx5VtM0TUPscn+lNrZv5o0Zn/CzN+oINlRUCvpD3udQIgPFmuq1OdT+QghIdbkqfLrOWjtip55uq0+XdbIsB2tyU="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.39.tgz_1500653406836_0.6888006110675633"},"directories":{}},"0.3.41":{"name":"harbor-ui","version":"0.3.41","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.41","scripts":{},"_shasum":"a16a21a243bc1c3b7b50bee9094fc8404c2064e2","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"a16a21a243bc1c3b7b50bee9094fc8404c2064e2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.41.tgz","integrity":"sha512-HowOiVfAW7DxHa18xKYPvvmGTSnLd6vH4coMe4PugFdXFp2TrxmB8OIBhKLehYtbEH7BpYSSWLD7hTXya2Nc9g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkpqn6VNbiGorW1bNBof2Tv+w14oLisogZJejqAzcAegIgDP8ZlXL/2hbTl/RrKVCqN+ks3Vn81GwJUEbC6uAT/Yk="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.41.tgz_1500653747303_0.9884037340525538"},"directories":{}},"0.3.42":{"name":"harbor-ui","version":"0.3.42","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.42","scripts":{},"_shasum":"a8c98321e19ee5bad62419dce3b34e6c596716a6","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"a8c98321e19ee5bad62419dce3b34e6c596716a6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.42.tgz","integrity":"sha512-mYzYi8saSVT1tvNXytenOcQMrPxSr1IRRhZ9MTHNhDRfkczqm6zVU9xpVlQ1VNc4/KhFzv0bHKoQVYliirkOyA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHmxvv16HzkLXL3aCUSRhtTAjgjS7zRNrT/1zI5AJCXpAiBjdu+AJQUmS+y4b7u6/a5DhC3ydtUA5AEHV2U7csuGAQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.42.tgz_1500874592030_0.4679659774992615"},"directories":{}},"0.3.43":{"name":"harbor-ui","version":"0.3.43","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.43","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-y2Gk83c0NP01f5udz/mY+F4TEHrbjM20btUBA5QHXO1IvMjLBwlhR1VD8avoKHQGA3CofUyTKgUVh9vCksoEHw==","shasum":"c2ed404253daa98f789672b64305db64c3c36daa","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.43.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4YXohxEI8fvXE7PN+NT6rkEi4YexhI8n0Jkp+WHvbTQIgKOIdTxE7l8DScyRIR7tWn5IBiQq+7IOuSDl8Itl2ajA="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.43.tgz_1500879521399_0.1733412309549749"},"directories":{}},"0.3.45":{"name":"harbor-ui","version":"0.3.45","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.45","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ytEcBMVG2qmYBujx/OVMlJ+PryEj0GWKPy9pO4XWC6TJ/xmRvNVLv/EXJ9GvCTyiJDu0HLr0NveMRnDeyeUozw==","shasum":"e0b460478f823e793f81f19d8d9db3669570c662","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.45.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpRyjnDPsjaOJ1g6buRVEU1919cXjv4//sk5pXlYimhgIhAO/SWlQ3HDvRZkRkSMH5IZgemyuyn+Gsx8wBaG87phf5"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.45.tgz_1500881128363_0.2363428499083966"},"directories":{}},"0.3.47":{"name":"harbor-ui","version":"0.3.47","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.47","scripts":{},"_shasum":"d9cd431d22ed9cc3519e4907202b6e5dbb4d7ef4","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"d9cd431d22ed9cc3519e4907202b6e5dbb4d7ef4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.47.tgz","integrity":"sha512-n53hw5LTzUtzK0FHzbaWT0F3iAuGaAAo+SnwAYV1j18PZ279tCazt3sQbp7sVzVLjxPneKaickN4AkPfEt6d5g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAxviMjyWtwDDbQnP+WGz9bTcz8BfycBP7FLdbxJt7EaAiAJ+DIcK2ycgu97B69EZZsYWbmb3Kx7ao5SkIOxtsis7g=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.47.tgz_1501054904408_0.9355118309613317"},"directories":{}},"0.3.49":{"name":"harbor-ui","version":"0.3.49","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.49","scripts":{},"_shasum":"c967fc85d42a14cb8861ce5d1dd566dd02609800","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"c967fc85d42a14cb8861ce5d1dd566dd02609800","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.49.tgz","integrity":"sha512-EWV3NCWphw0d3V4fWHnSRHv6B1H9ig2hUhhhOKokx/XsAe2PxCgtW8Kfr+Regyqbt2de6VVjZIuTc3gbfZJ8YQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrC99P/8OmSZJoT5EiZf4B+7/cyglAct2SzWO6SIykLwIgYpeJdylNs9djm1MeKAb2JaJnYIbkeXORQ/5xgm0FiUc="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.49.tgz_1501059092673_0.7114921391475946"},"directories":{}},"0.3.51":{"name":"harbor-ui","version":"0.3.51","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.51","scripts":{},"_shasum":"e32e58473322d2b5064fbf00fd3fea8d92f8bc28","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"e32e58473322d2b5064fbf00fd3fea8d92f8bc28","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.51.tgz","integrity":"sha512-nKYHAp6+Gm8mJVZtg3uuT7sHSdO0fZt+WsscSuymX69o762yKAvH/fOWY5qtu31t3ukZCVQAslCvdd306+xS8A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCtpL8M/+6Rooh6g97Ymd8Hia5jFxRM41FW+HWCuMxqeAIhAMzfTHo058B1NuCivLLWhNpLA0j7f2FBNTY4c5O1e6uq"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.51.tgz_1501062398334_0.8385335810016841"},"directories":{}},"0.3.53":{"name":"harbor-ui","version":"0.3.53","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.53","scripts":{},"_shasum":"f20d1ee03233e913f39ba8c01786fa27cc750171","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"f20d1ee03233e913f39ba8c01786fa27cc750171","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.53.tgz","integrity":"sha512-C4iELAFssWnuP6IwhptvtI92a8GmNnO5/xEH5z5JVeyy63u8lFPVaxdq9yOqH+urfZ3W4iVC3Cm79aX5qOSmRA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWUfk3OL/QeUIaSvnhY8Jsdzono1Q9GX5xomQ73pTtbAIhALLi75DkAkH7dgCGXL07fDzuQOqSP0LQdNXbifWVcj2l"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.53.tgz_1501062795597_0.41669827606529"},"directories":{}},"0.3.54":{"name":"harbor-ui","version":"0.3.54","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.54","scripts":{},"_shasum":"d739ed13ec04b44ed9b9e004125b7e0cf741e0c2","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"d739ed13ec04b44ed9b9e004125b7e0cf741e0c2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.54.tgz","integrity":"sha512-AxXLbFzTDdHY9+EZkOMPZyvvz3Yyld3Mr18/YC0Uxy+9LpIFjI3tNLGIUeO5zp/Asl/thLCbgZ+MAA6bXEfEjQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDIkpIMkcOuMVoX6/Lod+VJvUfZvOe6LdoOidJaRb2qOAiEA9WqJOwenchhPm7GR0yXoR2OrG/SXo6GbptersLlcb8s="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.54.tgz_1501062999879_0.5887508736923337"},"directories":{}},"0.3.55":{"name":"harbor-ui","version":"0.3.55","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.55","scripts":{},"_shasum":"58183ad500942a5fdf51d0c9e00c75073b415afb","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"58183ad500942a5fdf51d0c9e00c75073b415afb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.55.tgz","integrity":"sha512-a2LsHRX0Atx+j4E/RV5vgqFlt48ukt9U8gaUU9AkfDiEiKr30JTWA2PYZ4pRU3DdrUCbzGuRzOwgw+WHMBAc/g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkxaCX2ztK1PpZ903fF652qQsEnIueLqvLFO3z7+krVgIhAI5k+DiVHuB2zhCGzrYcLPShKqgG52FJnQeTESoTx1pL"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.55.tgz_1501139097081_0.5942191171925515"},"directories":{}},"0.3.57":{"name":"harbor-ui","version":"0.3.57","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.57","scripts":{},"_shasum":"5e1144046989d1e0641e73bdd095d06ca56c5c79","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"5e1144046989d1e0641e73bdd095d06ca56c5c79","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.57.tgz","integrity":"sha512-NQx7Wk1I8ZVm2W/ntFuWUhOA6A+IMGihnwaWgWn8r3P15u4OR+C6KmZsItP1T3A/+q+iTVN7xMbkX5IpC/VNdQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGySVtQjN6/KTda4UPx03ahH0Uftd/uvXWrLUdgFSAX4AiArz7PQKNleiaqZ3Sx6V9hmuqB5WBhHmslBBAJRud4PeQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.57.tgz_1501141388199_0.795903691323474"},"directories":{}},"0.3.59":{"name":"harbor-ui","version":"0.3.59","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.59","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-JFfYLLsPfoVHE2EDJt1wBWL5Yj+41rM3TGGq7twl7ai40Rong1gwBNIuZIp9Gbwoc2us9UalOl9Pp9/h0HlOHw==","shasum":"463d803467dd570b7772287838e15b02a94b8508","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.59.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJOKssiWDGt+I4VQqg/LA3EKex32ZKas3tDBWq5Y2FGwIgdmPH0RI1/IuDiqgizclUxXQMOFXTR13pFGwbH9beb+A="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.59.tgz_1501141434326_0.5722170125227422"},"directories":{}},"0.3.61":{"name":"harbor-ui","version":"0.3.61","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.61","scripts":{},"_shasum":"77a3b039d02c82afe11dd69b57a54bb079513ebf","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"77a3b039d02c82afe11dd69b57a54bb079513ebf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.61.tgz","integrity":"sha512-RBx0qvnoCl8tekzuf+PsqDSMQ08ihzS25UOAOzvNniw7ySwhgFzBhCw+j/nPYzmyGfsyCQ6OP/NrkbEJHH2cRA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgRc+rz8ccx1nbGwUdN77jU9CCSg5P3Foo79YiUJOpvwIhAOO82ZWNUr3nndXOj/tCoO8KNuyz1I8Vr6DWqKLUPJOF"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.61.tgz_1501142687121_0.5558408612851053"},"directories":{}},"0.3.63":{"name":"harbor-ui","version":"0.3.63","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.63","scripts":{},"_shasum":"cb0a085876371c137b12f0e589bbbd677a97b6e8","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"cb0a085876371c137b12f0e589bbbd677a97b6e8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.63.tgz","integrity":"sha512-EBlqUmREA9JbkqnR4QnbXliVjj2gj9FBCxBxE3p05mgq1OH7VOT74bxZsK1+Qok4tZsCtCiK1dZHnM8100PNUw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHolHpNxikb48dmX94f48KjHwjErLz29uhPw5Y/nygz+AiEA0Y0kJcn05cd8qplEmvaTEqDXoB2IOHzsn13WfljQ1jw="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.63.tgz_1501145590014_0.590181348612532"},"directories":{}},"0.3.64":{"name":"harbor-ui","version":"0.3.64","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.64","scripts":{},"_shasum":"7ecd40e03dc9065cf9feb68fa542fe5d65e982f1","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"7ecd40e03dc9065cf9feb68fa542fe5d65e982f1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.64.tgz","integrity":"sha512-SQmolB/NAnNrXySDuIOhclVcxsG5qJGhQhHNK/Lf4+vxc+tRSNWAy9Tb+W4AQ3LnPZf4dds7+/NTxzlROYx5XA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE/WV6G12jC2AnEhH+6Ze764JfW/F0ZjhKZy+5nrdGVfAiA/naaABf9lLR6tu+gA8bQ4++OOrAqKSYOU+D4NiTvdyg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.64.tgz_1501151703826_0.1728668138384819"},"directories":{}},"0.3.65":{"name":"harbor-ui","version":"0.3.65","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.65","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-oCber4JJXP+GYeXIOCClvy+XGDdIbMYbU8SGGYboDkSV3iEM22fICCLLKPd4dp2Ezh+zThtlVIOx4/txquNCOQ==","shasum":"7c85e93e973d381161ed4746eaa334375aa7d0bd","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.65.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqZllNS5iPIJaa7znf4yn51RwBCvIStFEFI5ZS0Z/6pQIhAMwONeJG+b86DdudOvr40ZcSCK+/PdUdNw/3giYPuQs6"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.65.tgz_1501220799948_0.03985198959708214"},"directories":{}},"0.3.66":{"name":"harbor-ui","version":"0.3.66","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.66","scripts":{},"_shasum":"e3c2f2677a1bd2df885749e4442506cee24b7590","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"e3c2f2677a1bd2df885749e4442506cee24b7590","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.66.tgz","integrity":"sha512-E3FP0OAJL8jvs80WFPnj9f+cjKQRsknhkAv4p28rU7OgQ238T+DRzlLdeXCtPke0FVK/tJx+mdeUIjQZbSeQqA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH386tsoFQHHByRJmN6vJWYnYiXvpfH8LYiulgW34xWIAiBp0dHf2yI+198Ukv/a1C/9MdgP5TzkCdBbyYMdTcTL2Q=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.66.tgz_1501231706609_0.34040721738711"},"directories":{}},"0.3.67":{"name":"harbor-ui","version":"0.3.67","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.67","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-AXYzkdkkO+6GN41LNVPOjyR+P1Ctih8nbDAXUh4eQQtKsOArPEuCRxr/aDrXLRIS/55hZvF69JtTmwKRNBdabw==","shasum":"5199aa12811183fce7536d9bd0d68619837f55d0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.67.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEPcS25+MWHhJ8e+iDWC2dsbJHGlMtmiL1p4hToSzJGoAiEA/UUxb2K8Kpz34qvwlQ2INUuoQvtJg1BdmHEgrVW3btU="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.67.tgz_1501477977963_0.5703431330621243"},"directories":{}},"0.3.69":{"name":"harbor-ui","version":"0.3.69","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.69","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-UDcotCLkWLOaI0yViWup+E5RjBiTcGR7LAnymRrooxLaVLAFxxiB6ycn8dpFE03JvrX0Ut0XoYjdVeyYxhTZ8w==","shasum":"5a626f5534ff79dcd65664c161c3008bbb3473ae","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.69.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDXMB1Spv3ZBCh9+78I4TKkknzn+PuCcfWru8sntR5ZDAIgLREw2l1qveYvIotkjKcEOM28wY/hESyxtqiI6KIAO2k="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.69.tgz_1501485681316_0.8252632047515363"},"directories":{}},"0.3.71":{"name":"harbor-ui","version":"0.3.71","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.71","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ExOed5ThF/54txqpoPI7v7QA6MFwMsqqQ2xvDjjZnqI1K/5kYq6W43BkbDQH8lGytMT2u6zmdxyCEbzpF9E3fg==","shasum":"b249bde00bed8c16791a57d2b0c7b8f11ce17e65","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.71.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBraODLQHC+/3KIsLNAKgyqHRLvI1GqwKoq7VmPgHFrwAiEA+LpirhQLTn3C6siUBI7n9G020KN8JfM1HBKgDjQJvU4="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.71.tgz_1501489788386_0.8147232236806303"},"directories":{}},"0.3.73":{"name":"harbor-ui","version":"0.3.73","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.73","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-rN4WO3Zf1HGPW0rQtizif7NAp3/p3m0oMCszvyymmn6zYRTPLFxLKQ+H58gGybYhOpj0B6U2fWcekb2zYxxvZg==","shasum":"ff13b1a2b324064d09164f9dccf1bb17c9ba4256","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.73.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA7ei62lHpdHpirxNAlgd5UTcq+u9tpKd2glP07py3IkAiEA9CUnn6OL4a4Zpes3OT1We9z494ViO/7pUaIefjIjFPs="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.73.tgz_1501491942544_0.24531829892657697"},"directories":{}},"0.3.75":{"name":"harbor-ui","version":"0.3.75","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.75","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-uJbya3q34wavHQsmGhQq25CZC8ptRK4LlZCyJMF/+RhFrrWLO8QVxbo58Myn51+N6a7fdocwOEIDuaRj5vYr/Q==","shasum":"314ea01e85fa1248a325815208dd0adc01df0794","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.75.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4OmyUNAVRGmMfwdnjKSmnJs9uZUzBI/WcOcpD+JErGQIhANwyhutTzblMTAlgRpN0WNnlhe7peg+TAtMRwlNmWwCL"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.75.tgz_1501556373577_0.3415412250906229"},"directories":{}},"0.3.77":{"name":"harbor-ui","version":"0.3.77","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.77","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-kTH5u+17MhRXUQ4u6V5jslTIWuB1FzOsccsilwEIWkjQO5tt88Kr73xs+QB6bFWAxYAH8aGD5YggSTg5wetkRQ==","shasum":"32b156defe79b9edfab47d460bcf090c6d37b3ba","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.77.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA+XZFAIAK7OseOBrlW7/0feRLM253hP5WuDPdku+8YfAiEA1LdM5Eb0W8gZfGdVaduGNBmzr5vI4DRf1Q+iFoFZeQg="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.77.tgz_1501560610107_0.3690108307637274"},"directories":{}},"0.3.79":{"name":"harbor-ui","version":"0.3.79","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.79","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-4GV6HzL8HWqmd2NcSlphl2SHF3/0247Vr1RWLOVdazFW8Jdirkx9m3LaldF/uv0ctSMLSlfJ/Y6REAydU3GdAA==","shasum":"7c655094223fd57de53c4c9b34578e534d9924e0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.79.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCrZ5KscDxnEP0ju5UJQ1CtAFz512hL7+evE6od9Z/qcQIhAIKCXWS2eegJ6sHEfaGhddUhGtCbUos8Em/UNcT7bPm2"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.79.tgz_1501561592554_0.28156870137900114"},"directories":{}},"0.3.81":{"name":"harbor-ui","version":"0.3.81","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.81","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-vk8zsn3oKtkyB8+9UVWFvk4qIK1gNxdH7dg3HHAyeXX9q+bbl3pYqZA1nyjNLZZ1oFDRWeacs8DCDyzLwfDmeA==","shasum":"0c4aa9dfba733ee5c3d279162dcc1b09e8c360da","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.81.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKOjsDZxijBvXVWO1HevcwV+I6p9S8mowoOxgcNxgGMgIhAMyHUVC1muxXjpyhJUo2ANzUtzttUVn6PSHuxY6/SwBp"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.81.tgz_1501729392836_0.6360010448843241"},"directories":{}},"0.3.83":{"name":"harbor-ui","version":"0.3.83","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.83","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Bq729b6OD6lOc0pgEf/QZSFHS5Oa/7bBHiWr44SiSGE7Un+qUITQAmR2WTP8tmrMTyVbQFE71z+D2wMC4zugPA==","shasum":"6419d1e1f4f04f79caa2e733891af494c17df78a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.83.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIALXU9edsqZo+OMnx1V5crzy7NbtjodT/IUZ3EMxkxuXAiBq95YQI1+tBln1c6PcH47uSG37aWo7bq3WmTIeLusNMA=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.83.tgz_1501734080832_0.3992663659155369"},"directories":{}},"0.3.85":{"name":"harbor-ui","version":"0.3.85","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.85","scripts":{},"_shasum":"cc3b8bfff5b72dec2581911f3a193b76085d2980","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"cc3b8bfff5b72dec2581911f3a193b76085d2980","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.85.tgz","integrity":"sha512-QqWF7d5vaTMrMHVfANDm5PNxK0cg8i9NmVPvCVeEdt7BGYteA2h5oibgLSijgsYfaT7q+JxHDG2vPXZPt7wrgQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGNg15cmgnyF98gdUgADGDhPyU4+Eo5jqBQmiPnZbcfpAiEAlTfljoMtf1nfT7HfrutLFAItdf2uMeVKPuGjbYtAg/4="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.85.tgz_1501737856969_0.2875905386172235"},"directories":{}},"0.3.87":{"name":"harbor-ui","version":"0.3.87","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.87","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-d2ZF/uRG+zwichB9vcl1yA5s7zUqg3MYw8dVvRpqS/4BRkoY4plOZOOXSTdH4xTCjq1Ry4F1DPiBhE0KNMC8Jw==","shasum":"57616949011a0c11d80095b311843af55daa4de5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.87.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCvxRh+BtBbjVplVrLnqve0keMDOCqk4UYRFx7bDwiV+AIgOz/pTfAHHjdw+LR4Ex9elH0gpUUrn/GXmCW0FEIF4oA="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.87.tgz_1501738376989_0.5901051030959934"},"directories":{}},"0.3.89":{"name":"harbor-ui","version":"0.3.89","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.89","scripts":{},"_shasum":"4cc0cb5ca43fb567e89002c35a8eb079021cf938","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"4cc0cb5ca43fb567e89002c35a8eb079021cf938","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.89.tgz","integrity":"sha512-ghxHBHkXBtwqmWXTwy99BwNvKkixaWJuuoQkS3SIHZhmR9e2P+1YakJs0sSjYRNHwGQ7O7QthFVivatIwi20sg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICQeTNf+qV5FLMIcuKKqp/Mi8y0Mml7VaptRX7NvssUeAiEAk3cyoI7cG8zmB2dJPpf8vA7jEUkSh9Wy9gtdhzk40GU="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.89.tgz_1501738530713_0.3231848319992423"},"directories":{}},"0.3.91":{"name":"harbor-ui","version":"0.3.91","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.91","scripts":{},"_shasum":"072241c7d890ed6836aa7824081f8c7c1b449524","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"072241c7d890ed6836aa7824081f8c7c1b449524","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.91.tgz","integrity":"sha512-XbTaZE2IzHb86z/p20Va/e5HPJYtzM+CRpP5KjRNFn29yN7hACRkFXkIFxJAw6m40G4SHDkQvySt+LW6RKe5vA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCLSDrBThEP+5dJSfEOBSylBSgGabU3b2cqk5zNrXHmAgIhAIdEf5vEQH5AF3N5+QWfsjLWdovGC/bLMJBLeRmf08xd"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.91.tgz_1501739886769_0.17543024430051446"},"directories":{}},"0.3.92":{"name":"harbor-ui","version":"0.3.92","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.92","scripts":{},"_shasum":"c22712890c1608ef0af63ce0b2598cf3da9a5b43","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"c22712890c1608ef0af63ce0b2598cf3da9a5b43","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.92.tgz","integrity":"sha512-ZCtLncgSuuUAjqLBXFHG27OEDQXwp2mjh4R5beT93LULSN7rpxP4XW/5IX3aAeCKiLPgSXv3s4GfytM9zTh+hA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIClJFR6jNDfJ4vi5Xjbkg+Nvhac3bRDHHjXV6npnOC0DAiEAuklzOXFPHp/sXpuXXGkYuokp3AYG6HG4+NB/wXOrFU8="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.92.tgz_1501814042972_0.6171717206016183"},"directories":{}},"0.3.93":{"name":"harbor-ui","version":"0.3.93","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.93","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-h8AwQKX+HH3Rq2HRW6L4dA62wUK7XY2F/+Slmqy4WMdE22xvLYIMdtn871KOFNfgOcjeQEpKhQ1SRBfwavKQqw==","shasum":"618517d1e7407ade4a1d39e8035b5c19a16e35ff","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.93.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGGCaBC5amvRBd4guX05jTzBCF56XAlRCsyq2ymWGXVQIhAIslMiAUnC6tTd6u0vJ/azHjnaIuecNrepvRA2iSN4oA"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.93.tgz_1501830686734_0.5847647527698427"},"directories":{}},"0.3.95":{"name":"harbor-ui","version":"0.3.95","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.95","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-73CuIa5+6jeBvgSTiUk+I4d7JekFVjP5SQVQntmryD8u49zTACbhqqUX3ojw54+UgAeGxN+bNpnSGkAHXfMzww==","shasum":"33e2572d34e7bc6a83130b385a6100e25334b47d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.95.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHiSAk7SATmKIX6yde/eTe1hsxI4IpoRMfrvY1Iw6gebAiEAnMjKtf9eaukRxMfbu43DahxmMjj6nuDq8jQhd9CBpCc="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.95.tgz_1501834542461_0.919807655736804"},"directories":{}},"0.3.97":{"name":"harbor-ui","version":"0.3.97","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.97","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-9R2ASxnLrK2gp78wZurTFi5PPQ7im1w8BeA0HBDoBM2+batF8QDwHV1IwV8/g6csAxQxx5tlW79KkSgK+iHhlQ==","shasum":"a6cc7ec0afe9ff1b53798b6935e37a6b0cf14e8f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.97.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCtrnmFoM47Le76i54G+XVnTEzpSKHNIaxipPWbHe36igIhALa4u8MQZpcO5L28tpjhS9UxCgHS51PL4DBZpC3Jo33y"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.97.tgz_1501835939506_0.6826224795076996"},"directories":{}},"0.3.99":{"name":"harbor-ui","version":"0.3.99","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.99","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-6xKseB0qP374v0Cy7kDC2L8jLB2is72wbhmLYnAYOmPb4lYKgo2xCEJ8USeQGgnzj0vJcjlbB5O97lcV+74LuQ==","shasum":"dc63a8c5a12727700a91a9e29a87398ca87a9da9","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.99.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCO+OIolMjgPUZscerWaf51u4VjiKOpGgbMCikRyYSrOgIgUx4luYWfchmvNYix17uuQKljkG6w0a68Jt1dL9IW1IQ="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.99.tgz_1501837955365_0.2273074493277818"},"directories":{}},"0.3.101":{"name":"harbor-ui","version":"0.3.101","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.101","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-MSpxSLlunm7ZNh7FxqYIWmqrEFIjoD7v2JccsYhCPbp+O3PuEdpqEyCeljMEJFGzU7JuNYzbnHsTA322GSLm7Q==","shasum":"c2aa141dd45b1a9dcfd4e0f15359939f91474d70","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.101.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDSNEhjcgD2dafsO+P1v47w7XO9goAIo/GEWPkb49uFfAIhAJPJBhZFUL6TzAHG9pt4BRK2XCx+h9ipcCtgA+vDAt7m"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.101.tgz_1501839569469_0.555255780229345"},"directories":{}},"0.3.103":{"name":"harbor-ui","version":"0.3.103","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.3.103","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-hMnwdEfkKkVCKpZDwg5RoZ0yG20zm9+a87+jDhBpgIu+IwP7yQRoZr4Y6AR0HifwjcpxaWRnoquwIzuwdQRvqQ==","shasum":"25a9c364da9accb1df3571ca3318db06dbc45afa","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.3.103.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxCSzctH2VenZT4tkUJWoSrBSAFsuBpAcUEKJk1cA0PQIhAKL96wKi1dX8kIiWz3GD940l8f4Klx3gPbq1ez0fKMRT"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.3.103.tgz_1501842512100_0.9359749739523977"},"directories":{}},"0.4.2":{"name":"harbor-ui","version":"0.4.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.2","scripts":{},"_shasum":"6a25228f794943e2fca4039e4d90f98607970ee2","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"6a25228f794943e2fca4039e4d90f98607970ee2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.2.tgz","integrity":"sha512-O6OqnCNNnBIOnLmk+/aL371X24P42Ja41Le9A4maIbRXWw56ObSeHL4+V4FkNgaLQThKUN91wm5ZyQxmhIJ42w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhNpIfQYPfhAVJtt5jE72HtuX+nT4YLsY8eZfXUxOQKgIhAOUlB6nnqcEyGLAV9255Yh3yWvxiCuao44qKcOHd6+je"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.2.tgz_1501845618010_0.9336214098148048"},"directories":{}},"0.4.3":{"name":"harbor-ui","version":"0.4.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.3","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-wSHcQLapMXNYWHNb07/XQ7QkcdvX6WLBR5FDhd8jN938toyb/GZrbgaEmIyTRIKi/x7wOPVxe4RWbtrna4yxQQ==","shasum":"1f6fdd3b09a0548c887f9fc5760a64c6f3357f90","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGz9LfGq602DdRMSY+slc41aGmVDRtq7iJSZd/p8H85jAiBwfxW2xHf09dp6dGQUC+y2h7ETsiVUIerQGZ51XjMNMw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.3.tgz_1502087377857_0.1464326858986169"},"directories":{}},"0.4.5":{"name":"harbor-ui","version":"0.4.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.5","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-4OzVANzibo0ta6MeTFbZwkZXLF6n9YuaqN4ZZouaB4xtz6jI97GGyaYi/CQJKTZ0+aYkQ9tNfrmRnljiCW9KwA==","shasum":"3ecdb80fb45604225f44e969f1da0a9f827d1573","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDArzdpQwPr0WMD1pW8N7XQNO0doTBLEo/uXQCWWlBQZwIgGbYXuEKJBqg4kw84iWcKhJIbSZW42RmESWcac1YIbwQ="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.5.tgz_1502175505563_0.7886596631724387"},"directories":{}},"0.4.6":{"name":"harbor-ui","version":"0.4.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.6","scripts":{},"_shasum":"92c26a5c704c6be7c1379355c5a1948eeb7ec5f9","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"92c26a5c704c6be7c1379355c5a1948eeb7ec5f9","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.6.tgz","integrity":"sha512-AOQnuLic1CB+L+pP0+Pu0yFUcvLm1TAZ2F0zD9byCl8TMh6Tnq48B7lVdcbJFVcGo4PYxRwo1R9uYsEEFSHd2Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDllplNADrQm9z7euWpEI/tv7stshxmbqFqHsypxPdvjAIhAJDDUIOo+qECW2otrNcd540oxRGTPfPUMR70tYFpGgzM"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.6.tgz_1502258509454_0.6099628354422748"},"directories":{}},"0.4.7":{"name":"harbor-ui","version":"0.4.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-jJyWSuSRmIJkOLOkfusNog37coCU3SIJ068TVluwbiwC9IN5mCMiYVBm8W7V9YjvtEsDcLedjPthH7Xh9AUjcQ==","shasum":"f8acc72624771e2c7a2b1a91e6a238926ea7054d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEHjOP4/24lgLFopFpP+/+R/pfApdYVgHM8YMb2QUA7lAiEArQMQpzxZyet3cciC5kSO2VwgRESfJtpmg7dwFbmslOY="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7.tgz_1502357713129_0.7754927813075483"},"directories":{}},"0.4.0":{"name":"harbor-ui","version":"0.4.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.0","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-bdO0WfT4rWK06wNEYb8SWFFg6xANlIXHbG7tq+j2awYOuMfOWrJrLfT7RzEeaKPaAK2CNY2w3u7lAsSejhcsOQ==","shasum":"eb7bf3770116d4f54abcc20c081d792d45a7a55e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDoT/9WzbRhHVegWu8XNCZfSjZHEVH73wyUW62D4WI52AiBi8ZG/GvIejfhDNsHoK6BFKT5Gc5oWag/Z20Qp6pPjXQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.0.tgz_1502417708317_0.9724208440165967"},"directories":{}},"0.4.1":{"name":"harbor-ui","version":"0.4.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.1","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-vj3B9g6uzRyH+IcDe3KpVH80Y4bS6PE5D7OEYNleGl9CjvNIt/CGUwWudgRHjPH1DJ/fH+7YXrMJvgNmRR53UA==","shasum":"0761ae0a64e104535f1279d5cb814773928e5caf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnU0PaptRn6iDKBzTSm4oDEKPhnJgzGlpmJVij5PykygIgSyXsR5aq48VLIA/Dd18RZNjCkb6s7qc8IaPFA0Y7PVc="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.1.tgz_1502429522719_0.8525723593775183"},"directories":{}},"0.4.9":{"name":"harbor-ui","version":"0.4.9","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.9","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-1nhVYMTXT/EMeLY3rm2mcTL5SJNYGySJ90dGiCnUFzGAt8uB3Q8O6eLfLSB2Q5fvPgTLApaDlHsshx5yy8MkYg==","shasum":"12fa1eccee5a957b7769bd82680edc5d48698532","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.9.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxyVnTOfHEE/L8YeAlRLbpyqr6BhLSxHQ0hO78eYqZpgIgaiXV+0gcnhufmxxRHs7HxTcWPQ1gaRn7r1BPv9eahIk="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.9.tgz_1502434037668_0.7351802953053266"},"directories":{}},"0.4.11":{"name":"harbor-ui","version":"0.4.11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.11","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-nN5XdwInVbfJhNDejNuABWXE7J3dqwfw0tZUm58jjxSv1Q57QPyyI5V4obmcEis6joWhO1aHDk6X0Pl3y0cYRQ==","shasum":"30611217538431cef529da604058a5b89a9bc0af","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.11.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDss73t6W1M/dCE52ZxAqxWW9i53i51OuQuNFfjpsyq5AiBtjfJkWn2ub95LJjSjInyUaPTxRsx4HUuyAHq+2asV5g=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.11.tgz_1502597491332_0.18151705455966294"},"directories":{}},"0.4.13":{"name":"harbor-ui","version":"0.4.13","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.13","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-i1QgLwT4MZ6wohvS9usnMV1k0IDXd/j5d5LQR+dZ9ZO9Zr0igJ+za0feGYjsqWz4R0BEUF1CKaPTbRjYTzBp0g==","shasum":"3d58cf4dccec919cae74b0ae4f186fe859596aca","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.13.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCCozb73UzjgTGbk4rQtlCAV6mJ7CvGbKz1GF97TvGTAIgMMfiGQ6LDZ1jNn0uNYsa2PVM0jeeiAu7Tj3s3AWGlOE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.13.tgz_1502600595072_0.9870004456024617"},"directories":{}},"0.4.15":{"name":"harbor-ui","version":"0.4.15","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.15","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ow0U28KgZFNdxHCGA8WgmnSBLGwIcfTWnI/YkPDCcmDwpZ+nvwWM/MUzf9dw9donIepm+6gwcenZ7jtA/xfjpA==","shasum":"359b9280b03b5fa9fb487140571ca114bcc568cf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.15.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2NYHxkVopevLYa+hi/qIWtCllmRvaRq2nsBmHeDLexAIgcSvEoebbXZCZJcLMSEHF3PJCtw38IJzmyjCmYZt7HvE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.15.tgz_1502603734779_0.12174361199140549"},"directories":{}},"0.4.17":{"name":"harbor-ui","version":"0.4.17","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.17","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-VTbvrH1nRVsARXN4J2lABKdfZ9/kcEliWkCX6XEsEowwbAw0CNjPpf0AF5i3jzh+82AeogcivTBnEOTPecgGCQ==","shasum":"c2d11c6ad3d8c42e6197f0376a9261703add6f31","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.17.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDg66tdfzk9XeLKqpVWK3/R/YaKp9vGwv9NuGe5oGKuXwIhAJtMD+rj7y98CZ08v4MjGS+yfnGG/u4KbDdfKUmYpc8+"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.17.tgz_1502605432046_0.43690685788169503"},"directories":{}},"0.4.19":{"name":"harbor-ui","version":"0.4.19","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.19","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-QRTv4+Amdk++wwpSJZLC/Iap5hbgWh74O9BXXd+BUQVkyxul1YIWybijSH8Fn8Dj2OSUF1pPX9le3qm193I5bQ==","shasum":"0dbc8c3e9201829449fa877c6149f41288e17fe0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.19.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBfExl2u/Uvi6AqAD9znF2p7snLbjbl6HH0Z3soGyyZhAiEA0Z7u5Z3KPg2ntHh23NNG6NXuoaTGs4IlQ/Yg1wP/2rM="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.19.tgz_1502677428443_0.02021285006776452"},"directories":{}},"0.4.21":{"name":"harbor-ui","version":"0.4.21","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.21","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-rIePGtPEdcjZLSkNETO9/GflluYEGqUY9xA+hAnaiIF9596riw60/5FUpEgbEvPJAdKj6lErh7zCY6jsKSOm7g==","shasum":"52c3b34674067b6cc256611b5894c073761a8dcd","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.21.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCv5TnHptkZ5ayEdCLtZv2dNIH5n09b5PT3bqSx7rvoFgIhAIeU1bgN47ZJxOB7Kq8t0VqUwvHqLJdQKyKUtEjqCaLZ"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.21.tgz_1502678295825_0.33756621228531003"},"directories":{}},"0.4.23":{"name":"harbor-ui","version":"0.4.23","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.23","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-N/muesL1JzEBcTjUUI36Bre+wfziNS4lyxHDrTzPutsECV42wHueBfKxU5uYGqRm/wqHG0uc/9kiKf/ZRbM1Og==","shasum":"dcf635ecf6022e06538b25e67ea25f95269bf3e5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.23.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9tqQNuMBe40LTmsMV2NkHdo+3G/HJpjQ40dbdJnFCpQIhAKpd2+tbs9B2TkEbfTZVGnV/K4spqfMDVnCiW7epHngT"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.23.tgz_1502688452920_0.9856217612978071"},"directories":{}},"0.4.24":{"name":"harbor-ui","version":"0.4.24","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.24","scripts":{},"_shasum":"068b595a126c602adbadfe5330dd321020316c5b","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"068b595a126c602adbadfe5330dd321020316c5b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.24.tgz","integrity":"sha512-/eDBujpPmrAuDvDZZiQ3S7H1LailYvKi5e3TNGallYGL8/xF0g5lbCBMS68T/8Xa9lqBQ3NZxzHKESTmaKduYg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZiqAzFn3pI+4hiJG+pwN6WCuaLTaD5GWN9Sc2+H72PgIhALd0weXvt8XSq59mOhaDLVFLNfJDnm60rmd11uZND8kF"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.24.tgz_1502696041168_0.20618453132919967"},"directories":{}},"0.4.26":{"name":"harbor-ui","version":"0.4.26","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.26","scripts":{},"_shasum":"b0a2ff249e03635c240d2978bba4f80c517e0c75","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"b0a2ff249e03635c240d2978bba4f80c517e0c75","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.26.tgz","integrity":"sha512-dnjXpi9lVPhzMujEcKLpafELx4RvDZ603WkdBjkoaPnC9IlbSWZietFxK+D5rPb89UE+YEd9o5d7TNt82V7z1Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAR44+F48hMlxTUabadWgKRAePXAPZqirnBWveyjMQzFAiEAs/x0qGLqG41HOGkmkqT1J3BvSllMdV1qW55t7I7sT3g="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.26.tgz_1502696694659_0.9062312620226294"},"directories":{}},"0.4.25":{"name":"harbor-ui","version":"0.4.25","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.25","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-9tuvZ0R5+YS1gpu9VXyis9sNHOd9LS5YnmkYk2DXI027N10kE2BUSuzr4E09bZqOQ1vlayxlUhTCEFbHXGDbvA==","shasum":"bb3f3fda6107780a067afad622c1c25689a82f15","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.25.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICzcVI837onUz5M0xuEcDcf2WhIBq8MP2MeqhdhJnRrfAiEArbyF5lLC1+g2oMX5j1WTCDqf7Apjmystu8T76kTaKPc="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.25.tgz_1502697991586_0.35667496896348894"},"directories":{}},"0.4.27":{"name":"harbor-ui","version":"0.4.27","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.27","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-54BVoVL4S8kq8MXvsMCni/S7Sso5ZQayjuCKKWLNrj0pIXa/Hsrb894PwpIUxApbYsVW34fAbkCWW9EKMCG96A==","shasum":"efca32a70d0b0b6ef51b1123ec4bece3c450a673","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.27.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDop5WqvVirMeQogWGmPncA2od3FZt7WIo34gujZ7uSSwIgKd8tGmQM5VcSEzHeVQe/aZl7FZZpjXHxvwFSDckhDgs="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.27.tgz_1502698764829_0.11352945677936077"},"directories":{}},"0.4.29":{"name":"harbor-ui","version":"0.4.29","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.29","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-89eeAY7cNcFWWRYYiouaQ/btFnH/GONxUJbAO/ufUy8zspVV5ZJm7GtLzymH85n635syCLFOnvGrRyC6TPZQog==","shasum":"3175a3b960a5848dd0007ecf9c41f7d2818a8022","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.29.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDb4Da4CxV1UAiKk5bK/4WJMPrwBs6+l3TxvT2jvTNkjAIhAJcV2HFRtWYbrmrFHwvGrxSSIhifRwDPQFn2mxFuwwxv"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.29.tgz_1502702280605_0.7979607065208256"},"directories":{}},"0.4.31":{"name":"harbor-ui","version":"0.4.31","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.31","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-4yPpgJjp73g7ndHctBZelzqIr6mvogodAQJL7GjBhTjAptbf4jB4gOnMKbaNRafnlLRAKaq4jn2si9MVFe9zjA==","shasum":"22db0059a3022388262d937a6273ec31b4b4ad86","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.31.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH4oGYM03O81W7ie1fRIujBD1mwv1JVBf2czdgioFM8MAiBXg6LJf4b+LHAbwcosBDbpN4eYA0FpGM0UnVNxg63rIw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.31.tgz_1502710835354_0.9721176016610116"},"directories":{}},"0.4.33":{"name":"harbor-ui","version":"0.4.33","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.33","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-3TfHYPNhOF1ZvwNVB9G/gxqstFKBEFmWBkhH6pnZNOYDiz0Bqt+4FGrxq3R3tq/R/LApn9TuizrZk8oAd7MolQ==","shasum":"7162a8ebced757e3fa5808b937b551ee414623c2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.33.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjT4X6kgPTa9cAUNesmu0w28/M2jFVu2ea1T87O7jejwIgRmC6y5q4Ova7LgFz9fqMvw9u7QvyUJnVoUS5qDsV5XQ="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.33.tgz_1502778419745_0.6321483927313238"},"directories":{}},"0.4.35":{"name":"harbor-ui","version":"0.4.35","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.35","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-8cgYipdyEJ3iSwnC5J8wmgl58rcTC57sKoafwjbyXXmfHzV/v9RqBWWFbbE59eYwNvm8GrVW0XhYfg4bq3ER3w==","shasum":"0af1ee88c67c53165bb4f8e790ddc77ab344d284","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.35.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDXOfdRcfkugpFgzWL4lMkigy1b6bYjgbN4fxgp3l99cAiB07ysqmZc/hD3zrXDZMwEgNezmrliVsnXlSN0UHSjlow=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.35.tgz_1502782897590_0.4419985255226493"},"directories":{}},"0.4.37":{"name":"harbor-ui","version":"0.4.37","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.37","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Vx4YG6DNQCSBR+5LDAY720D2o9TjtvUekgJM4Qr8QAHu0WuMn4xEgGrurvolibhj/XHHtKvLqoBl0Q7YiW6wPA==","shasum":"1f461f0487c8fcc7dd3fcbf129306fcb35efb466","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.37.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDu+rbp3DoobVKbywyz81GO0pNCAV1/n6Qv4+sNbsrDOAIhANVQ8OrVfGK/MPzs7HwRi6QUW2UXhLbGSBQsTNyyXcR0"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.37.tgz_1502784851771_0.22364506870508194"},"directories":{}},"0.4.39":{"name":"harbor-ui","version":"0.4.39","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.39","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-sE/vTzgSfGNkTvFqYiIpm7oXyHdWsgtikmbMGelKOxreq2L0QAjXSQpOTZCqHzr42GdVlW4Tyk5ccoSRu3FZvw==","shasum":"ef38615c59741045c5d112f7e75844370e095eda","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.39.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHvQwGF3PNgH4Nk1EHV83sHENSEx69yGI2qYQI2L94c0AiEA+FE4RCakFLK5NYafojUSqEiJCGTiF+WL2M0nl6Kflsk="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.39.tgz_1502868109480_0.7194680215325207"},"directories":{}},"0.4.41":{"name":"harbor-ui","version":"0.4.41","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.41","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-e/ZWu9o9jhXXNPKZoKE3RQj4VlnHiE+vzsKkH4ZZEtRgAAEhL8Xx6Zla5P2Vx/z1uUW3CkvXl2EOAuRCYf+bXA==","shasum":"51510cd9f26c1df1f9e9e68b8fb5fdaf6667c2ae","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.41.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCLCwJfpeTF4gTzC2g0rlv5o2V5DYjDPlLskPMllQ5AEgIhALRBQcOTJCl8jNqXvSYqZys05sTu24VC4WODN2SNGsn/"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.41.tgz_1503046614864_0.42793083377182484"},"directories":{}},"0.4.43":{"name":"harbor-ui","version":"0.4.43","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.43","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-HxlK6nHfUPB34qLstA6WJ1h1aOmbg55MyRiVs7q56vtVXnvUWOt12Gdiyrgt9fZAVAWIBmj83FXR1+Zcr2YJkg==","shasum":"9cf78e3e58960e33834f74efc8a45b24482ec99e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.43.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGxTc8BJvLSJBpfoFcYwhuH3zYj7tMZWJpk9V3pb1F/vAiAkQshc9Ky7hgniz0Co0rH7uqrA3PJMel5u+8h6Qd/zZg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.43.tgz_1503048678507_0.7616332464385778"},"directories":{}},"0.4.46":{"name":"harbor-ui","version":"0.4.46","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.46","scripts":{},"_shasum":"f36f54cbd724f1e725fb8c652fc416c185d7eeb5","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"f36f54cbd724f1e725fb8c652fc416c185d7eeb5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.46.tgz","integrity":"sha512-c9FDVBq8T+dcT4p/XFF8+1UQ1Qna0S8AGJdyj15nWxjN/VunzGV3OOX2FCoYFV0ehvJwnpP6wcX3EQWK11LbjQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQBdYfmzl3dZ8v8FxcDCIS7juu+KnI0zZ1qgE52UXUzwIgNDx0/dtsWoiUjy9DVMrcXDcKHnw0WZlTf7nWhXOTeNQ="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.46.tgz_1503053204970_0.8057272746227682"},"directories":{}},"0.4.47":{"name":"harbor-ui","version":"0.4.47","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.47","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-xameqOMNKDxBECSMwZybzY1GFhzEZ4ulVB5g+OfW025eQlzrye4ZTRSCXc1Tlb6l5/O6hOIOBt41EWo75Kg3vQ==","shasum":"c1ce576aa42fb06b1e7de4f66acd147e0f60d55d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.47.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHRkQ+ZeBnz++J121/29hJbMNEO/rGuPfMnXbYHmDd5gAiAoX93SlULuUVj4nLCTgWg0S7YLj+aT46hH+FnUPsBiiA=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.47.tgz_1503377913732_0.05077416216954589"},"directories":{}},"0.4.48":{"name":"harbor-ui","version":"0.4.48","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.48","scripts":{},"_shasum":"5ccd1d8a4b1771b7218e293580e6cc3c6de42b99","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"5ccd1d8a4b1771b7218e293580e6cc3c6de42b99","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.48.tgz","integrity":"sha512-pU8jFAr5aqoOYE+d95Vxf34s8wCA02LZL3UyIpqRF8zH8uv1g4cgP53WaDEZUKGZcPeQt8+CgLVDALN5MESKPA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPqcMl4ZL2gGvQKvuOMC1ZP4lTb89u3+xbdYJyOyynUQIhANXY1LR88G8zxNAVOABbYJONpQD9FJ7mWLm/PbmWAU1z"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.48.tgz_1503379282023_0.4189581440296024"},"directories":{}},"0.4.50":{"name":"harbor-ui","version":"0.4.50","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.50","scripts":{},"_shasum":"aaa883b547c8641146d6d9e74da3a8cbfa896b13","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"aaa883b547c8641146d6d9e74da3a8cbfa896b13","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.50.tgz","integrity":"sha512-/kiG2/qQidR8QIpuiTznks4EZqyYWkAy3EGqO6NcGGffqSbtih31ijt5UEO/HP54mGJNPBnYI+ThPFUTZM7ORg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICm2AaHl0kycnkcqGnGDzCUrr0MOeW8NzgW85/PcG1GpAiEA/hlq/O9E9STuakHKQGK3VrQueeNphg5Wcr6xKAsc0mc="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.50.tgz_1503379834517_0.6289465040899813"},"directories":{}},"0.4.52":{"name":"harbor-ui","version":"0.4.52","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.52","scripts":{},"_shasum":"315a5e3a4af444e3904377f8ebd4d14bb7e24e3d","_from":"dist","_resolved":"file:dist","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"shasum":"315a5e3a4af444e3904377f8ebd4d14bb7e24e3d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.52.tgz","integrity":"sha512-mlV+LFAhXtpQirBsGds9d6YqC/PF6+H1Ya9I/bYccmkM+T5WZ6VFxxAHjCq4rBPlMa3tJeYqwSVCwens9qrDCg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCrJ09aGOci2mdvy1VtSjYJYxuXFyyCr3WzNt3bZrp53QIgGZgyxuM+BfCXcO8GOdxDYQ/9NlnQmzZ7aA1HGNPXy3E="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.52.tgz_1503380473799_0.25534082227386534"},"directories":{}},"0.4.53":{"name":"harbor-ui","version":"0.4.53","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.53","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-r+OABci/6P81weQmrYHXFriZR7/Q0f+nTnpRwp765Ns99IkNz5nlxhtPbnrk9jDeJVlRgkeDVM4hmCZO1/ADbg==","shasum":"5829e0bcb762b7768dce682512fa4de45b259440","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.53.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChBDAWfrK4mfOm+J9cQNJHfb81Y8VGZEuyWuNCVTh87gIhAPi3PZ5NKdlhlxJXgMFR/JqKuKxmNoE9KUso2ZgekAAJ"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.53.tgz_1503890296667_0.025073637953028083"},"directories":{}},"0.4.55":{"name":"harbor-ui","version":"0.4.55","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.55","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Gxk0chTRDRuMVpj7o3JMThWSbZH1GYZXxQE2iaKDlkrrJuUfQYWf88GiHkZaCdXW85JpK7HQdHnrkltsWnjQfg==","shasum":"16d8ecf3038cfb6ea6811441e315bac999b641ce","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.55.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxa7uEhUFD1uoOdcJsQB1hethppJ1NqyJefwVAIjLLQgIgRYgWDR4nRciS5CUyxyQWvEiHKpxsLEC9SKCH8VCMiSY="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.55.tgz_1503993122735_0.19181729666888714"},"directories":{}},"0.4.57":{"name":"harbor-ui","version":"0.4.57","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.57","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-r+htMtoBZ5qPfvnNwk6ISz/swnmua4TEISTbFjpen+UrXbJLXkgipTIV815lLEmsj3sXAc9PDSAnhHJpLJIAkw==","shasum":"f0e5f167d6d54de7dd80797d671c72a9e64c7056","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.57.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH/vkYcHm02E31mMV0gFY2ZhY53K7R+vrCR1gY6MhEBIAiAUdS8vGXJyDeTWKRQQNpwuqR08Q4IQyGWvFJwO1Ur8Bg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.57.tgz_1504003643086_0.6405443451367319"},"directories":{}},"0.4.59":{"name":"harbor-ui","version":"0.4.59","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.59","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-UTmIpmqtX/HEGFEcz5PlP/eTOzUBLb9fNWw3Q6l96nuP3CBpcoLltWO9ASWZi/ybVSjnz7E+6kfwx/nSOrl8sw==","shasum":"7f91542928d30be0e1187dc970908ae52fc70aea","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.59.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4xPQ0WMkjQ9Dqd96Qfbbl04ZvCmsJYJnK3E2K3+hDlwIgDIkfDH4vZtI0bdteHIlqJTFSLmECJbJGyX30GY0PSFw="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.59.tgz_1504061993464_0.1811517900787294"},"directories":{}},"0.4.60":{"name":"harbor-ui","version":"0.4.60","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.60","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-gvtYi3DaulHxO8IO6AyyF4icc8rpba4GZCH6BEJO8aKwwc5nTS63Yw6RNvLE7dNRq5kdJnZYrH5aBNBFusXCsQ==","shasum":"91ed20b7853ef05fa06e4b6efa482ea27103153a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.60.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHWtMW8WstIzvHDq4eAjlXjE6opXV1C+D+e6vzsYroa+AiEAmZSL0ubA/nPoK2QSO2LuPt7kglooQAEUUb0PflocsLg="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.60.tgz_1504070246529_0.6741513023152947"},"directories":{}},"0.4.61":{"name":"harbor-ui","version":"0.4.61","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.61","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-EMvIflKIQwMSvqoFYZ/TzueKA3zR5B+YgbackrpvN58fC/SbzTMPGRzY6w6MN8QUQRDTKMid3vUAItBSXL2oQg==","shasum":"62e4244d5df330a1e53f89c1a98a77e94c421750","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.61.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFFTf9agdull/IPfLaY7FskdK5Kh28TQAjjCHl+c38P/AiAoJQrLlS+4v0zpLlixGTXfnKNw7KFvOq8lAcvAvR8qKg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.61.tgz_1504848379791_0.3343445092905313"},"directories":{}},"0.4.63":{"name":"harbor-ui","version":"0.4.63","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.63","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-jpQh7KkPG8O2RKvAJ+54GirypwNg6HdLqNvmxtRuzymHxvtaHlPcG7gVIdxqyyaBwQQxxeeAbLmSmznnBbebpg==","shasum":"cff4c045d081702bf28e3d95d574a9b2dc435b20","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.63.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYL7oR8hlPlmfbHVMC3G/6w+pV+ytvOpRTSv/D3cZmeQIgGWn+ckd07tV4zo34WTncvrfkPrCUly0mdJwcobmlL6Q="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.63.tgz_1504864368708_0.9560779561288655"},"directories":{}},"0.4.65":{"name":"harbor-ui","version":"0.4.65","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.65","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-/Bw8w9DSfLvGqczs6+nWzpEfPKnsdWvKxKnsXgZosRaCW3h7shKuo1OWnlDJE8IwA4/RakJjrm/bDxu43FK0bw==","shasum":"d79bdf534b4449f396168430f45f9b9a7c15f8ed","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.65.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID/fDFB1T1CF/P7edb9c7u15U0VPKv/wQE4bodrClqT0AiArYDZUmazZO94NMztfjPAxSwIH4B2l3DKAtnNchmdrnA=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.65.tgz_1505268355970_0.4581781018059701"},"directories":{}},"0.4.67":{"name":"harbor-ui","version":"0.4.67","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.67","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-rXJnrDoxL9Dw6sctvFs9lAtzuEM7Baq9nzuGf/TYy3jD5od2cPkJNsnfI6mEOpvJjw/AFrMbjvH704cwtPLQjQ==","shasum":"cb3357ed03ff409a802816e9a4ba59a7230ad086","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.67.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2TIqbozyoMz7Mi0EgeNk7Hm8rW2UODojI2D/nDlcrGwIgFoclCTs2/HCd/gFk0nU79HrYuZQ1CXwhLKNxQOQhpLs="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.67.tgz_1505806261884_0.22300727921538055"},"directories":{}},"0.4.69":{"name":"harbor-ui","version":"0.4.69","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.69","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-On6WTxdlB8/2XSurNn1FF9/DkDpttsCW123Cj39kBCliAxpmie+a5dbVOSHixyzZzHF9+u5tNv6TVQnoCv+RwQ==","shasum":"9a524e7d10eccfe3cd0a65f597afa905731fd633","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.69.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDnBVCSJCg4ZgBz05XIB3dfwKLmijCTQz+7BetyfzvjGQIhAPg00zpeQeGQPHnk5qs+tIdnBKZkicDyqsMiqKEowkQG"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.69.tgz_1505807770414_0.010687165893614292"},"directories":{}},"0.4.62":{"name":"harbor-ui","version":"0.4.62","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.62","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-HyoDOe8ANBY+HBJcyo5anFuPuBkB0UMa1Cq+z2qEBJmAt6abO5Fgmfdd94fnBjkmkdnZsifjeIrH54aZeoZ3sw==","shasum":"e181dca09f1ff1e940a88343508765233154e951","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.62.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHI8kW+PsqtRSc/EDJlIHKGqPLnHmSo0Al5e2C4Y+JEvAiAWANq3DJE5+ZhHJjhVcCRPKqxg01XkFnsEE2O62WYwaw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.62.tgz_1505873948801_0.9599418472498655"},"directories":{}},"0.4.71":{"name":"harbor-ui","version":"0.4.71","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.71","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-rURfWXbmzACd0QTXKjcUqdkQ6OsfV0F/8PkG2+AaqHJoWz8H7IJCndrWnNFcB6vQ2wM3bwRyour8AdWEAXM39w==","shasum":"7e61901fc8ad9f386bc51da0e7cf790854e065e2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.71.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjxXScDXOYFDiNsfKa2l4sS2UHeFW49ZvUlMXYVhHBygIhAImfvu9x2w6XDT+qQCxDiXybE1PU5eh0NXUDvOGrAJsO"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.71.tgz_1505893706784_0.6215221062302589"},"directories":{}},"0.4.44-dev.0":{"name":"harbor-ui","version":"0.4.44-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"~4.1.3","@angular/common":"~4.1.3","@angular/compiler":"~4.1.3","@angular/core":"~4.1.3","@angular/forms":"~4.1.3","@angular/http":"~4.1.3","@angular/platform-browser":"~4.1.3","@angular/platform-browser-dynamic":"~4.1.3","@angular/router":"~4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"^1.0.0","@angular/compiler-cli":"~4.1.3","@types/core-js":"^0.9.41","@types/jasmine":"~2.2.30","@types/node":"^6.0.42","bootstrap":"4.0.0-alpha.5","codelyzer":"~2.0.0-beta.4","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"2.4.1","jasmine-spec-reporter":"2.5.0","karma":"1.2.0","karma-chrome-launcher":"^2.2.0","karma-cli":"^1.0.1","karma-jasmine":"^1.0.2","karma-mocha-reporter":"^2.2.1","karma-phantomjs-launcher":"^1.0.0","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"1.2.1","tslint":"^4.1.1","typescript":"~2.2.0","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.4.44-dev.0","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-z/lb5pX7J2sA96MP0Ql5jLLjetxLRDDvKO4gi0aalvGpfsBF5ge/7nzDMqsWwl9BTAf67pQ8mIjG4oWoWt3wGg==","shasum":"6316e4929092f85b954dd1af8c63987ca3160057","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.44-dev.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFjwrSjDUfWa34Iszlu4IlPDXRz13DN9hxzF1fVtMTLLAiAu0wbBfwpytcwEOtWyGPN5HI6xw9LP//a8A9f9hEh6Ww=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.44-dev.0.tgz_1505962995786_0.8016805385705084"},"directories":{}},"0.4.44-dev.1":{"name":"harbor-ui","version":"0.4.44-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"~4.1.3","@angular/common":"~4.1.3","@angular/compiler":"~4.1.3","@angular/core":"~4.1.3","@angular/forms":"~4.1.3","@angular/http":"~4.1.3","@angular/platform-browser":"~4.1.3","@angular/platform-browser-dynamic":"~4.1.3","@angular/router":"~4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"^1.0.0","@angular/compiler-cli":"~4.1.3","@types/core-js":"^0.9.41","@types/jasmine":"~2.2.30","@types/node":"^6.0.42","bootstrap":"4.0.0-alpha.5","codelyzer":"~2.0.0-beta.4","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"2.4.1","jasmine-spec-reporter":"2.5.0","karma":"1.2.0","karma-chrome-launcher":"^2.2.0","karma-cli":"^1.0.1","karma-jasmine":"^1.0.2","karma-mocha-reporter":"^2.2.1","karma-phantomjs-launcher":"^1.0.0","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"1.2.1","tslint":"^4.1.1","typescript":"~2.2.0","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.4.44-dev.1","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-8awCJBZlW4jhFELAQLUkGJScj3m3wnq23gY2sBWVvyh4KNBQB9/gUTfnVl+KXo72VWXTuITvAGPOWmudR61bcQ==","shasum":"225e31814ad0f79c5a874d6189983a3f7d50071f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.44-dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGr1QPoQqWavCoKqeSAtBv5Cvd1zTSehQ5OqP8Vm0SVNAiEAuEStynz3esnoy+lVWZlRsmnDPhdpoybpGOWWvkJ2MEg="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.44-dev.1.tgz_1506074922425_0.7996160970069468"},"directories":{}},"0.4.44-dev.2":{"name":"harbor-ui","version":"0.4.44-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"~4.1.3","@angular/common":"~4.1.3","@angular/compiler":"~4.1.3","@angular/core":"~4.1.3","@angular/forms":"~4.1.3","@angular/http":"~4.1.3","@angular/platform-browser":"~4.1.3","@angular/platform-browser-dynamic":"~4.1.3","@angular/router":"~4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"^1.0.0","@angular/compiler-cli":"~4.1.3","@types/core-js":"^0.9.41","@types/jasmine":"~2.2.30","@types/node":"^6.0.42","bootstrap":"4.0.0-alpha.5","codelyzer":"~2.0.0-beta.4","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"2.4.1","jasmine-spec-reporter":"2.5.0","karma":"1.2.0","karma-chrome-launcher":"^2.2.0","karma-cli":"^1.0.1","karma-jasmine":"^1.0.2","karma-mocha-reporter":"^2.2.1","karma-phantomjs-launcher":"^1.0.0","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"1.2.1","tslint":"^4.1.1","typescript":"~2.2.0","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.4.44-dev.2","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-+fe0qOcPVa+hqMQOPEo1dpSZER7GC4h4Tgvo2bUYZJVkXwxIKL28qTQSO4j3l713eNOL5wl+0Wf4cg6Ye8t8ug==","shasum":"117110ca5b4e19f025542f4e0801c97522ae1eb4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.44-dev.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdxdCv6FyRgklDkyjbaJY9hdvCkwv3V6j282dlcfJ+/AIgBXpDDmCjn90dBAIaLBTO/nxF11Zb9MNl/8LIzUKYHa0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.44-dev.2.tgz_1506076225014_0.25733811454847455"},"directories":{}},"0.4.44-dev.3":{"name":"harbor-ui","version":"0.4.44-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"~4.1.3","@angular/common":"~4.1.3","@angular/compiler":"~4.1.3","@angular/core":"~4.1.3","@angular/forms":"~4.1.3","@angular/http":"~4.1.3","@angular/platform-browser":"~4.1.3","@angular/platform-browser-dynamic":"~4.1.3","@angular/router":"~4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"^1.0.0","@angular/compiler-cli":"~4.1.3","@types/core-js":"^0.9.41","@types/jasmine":"~2.2.30","@types/node":"^6.0.42","bootstrap":"4.0.0-alpha.5","codelyzer":"~2.0.0-beta.4","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"2.4.1","jasmine-spec-reporter":"2.5.0","karma":"1.2.0","karma-chrome-launcher":"^2.2.0","karma-cli":"^1.0.1","karma-jasmine":"^1.0.2","karma-mocha-reporter":"^2.2.1","karma-phantomjs-launcher":"^1.0.0","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"1.2.1","tslint":"^4.1.1","typescript":"~2.2.0","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.4.44-dev.3","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-wBm/nWBXLXmlKBeIT6fDiO3WdQGqtEaqo6LN6dv8I18Uh4aVcUz6NZmN1i2MlyHUF36dkyf6K956nKft+Sns2Q==","shasum":"bba14d5d371944ccf7b88be1a34b72f4d48373a5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.44-dev.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC8yL9XmemmZ6UkqWDICNld7H77VGr8MPyA6IJlL/sT2AiBshPkkoogWG6aPGQxfmwTZwEabWO+tkSWe0M12voMtDw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.44-dev.3.tgz_1506078211997_0.2137921021785587"},"directories":{}},"0.4.44-dev.4":{"name":"harbor-ui","version":"0.4.44-dev.4","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"~4.1.3","@angular/common":"~4.1.3","@angular/compiler":"~4.1.3","@angular/core":"~4.1.3","@angular/forms":"~4.1.3","@angular/http":"~4.1.3","@angular/platform-browser":"~4.1.3","@angular/platform-browser-dynamic":"~4.1.3","@angular/router":"~4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"^1.0.0","@angular/compiler-cli":"~4.1.3","@types/core-js":"^0.9.41","@types/jasmine":"~2.2.30","@types/node":"^6.0.42","bootstrap":"4.0.0-alpha.5","codelyzer":"~2.0.0-beta.4","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"2.4.1","jasmine-spec-reporter":"2.5.0","karma":"1.2.0","karma-chrome-launcher":"^2.2.0","karma-cli":"^1.0.1","karma-jasmine":"^1.0.2","karma-mocha-reporter":"^2.2.1","karma-phantomjs-launcher":"^1.0.0","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"1.2.1","tslint":"^4.1.1","typescript":"~2.2.0","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.4.44-dev.4","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-vRHJD530d4jnJkFYwROwo7ZfVH3927qltXG2QqokoJSY/SAF2m/Z6tccMNlE7tyEdJOO8VK+FPBta7QNd6r/vA==","shasum":"9e3dd751d404b3e468d2ad7fe98f874274cd9bbb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.44-dev.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHAiDPyEkqBFJAfoPVZu5oEC45puAlRYCcHTGJQnn8xFAiEAk/2Vz6Gs0TSqUNfRkqmGDCDYBXxbERL+9gCnepNcTRg="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.44-dev.4.tgz_1506274372585_0.06386462552472949"},"directories":{}},"0.4.7-2.dev.1":{"name":"harbor-ui","version":"0.4.7-2.dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-2.dev.1","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-tYuX4eMKxenJGE4smT4eCV9XdIGdZpHKtG/snG5pGoFQBLh4zLodp21qwMzyM+ufURGkT3ROG3KkKBRSIHfeFQ==","shasum":"abff5e760631b76c0c1e40286983604661b4dca0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-2.dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpePzphGJ8NY+IgHWyhXWVaRsTwmZBVSJ9+ONm/K1UjAIhAKQ9/GYg/JjdWmeX+0zGubLK3HOjAYDWz+xRPJjagnna"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-2.dev.1.tgz_1506320909620_0.7270309654995799"},"directories":{}},"0.4.72":{"name":"harbor-ui","version":"0.4.72","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.72","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-iTqK+H51Ul/zUfTvMiiU07qbKj9JjfBbSlYk2Mzhi3q+NaFaXEoo9x9Pe/w97MsPLgEn2rlQBY1OKmzp3L7tPA==","shasum":"6e857965744995682420f38b8451ee38010b24f0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.72.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTGaasHFSX8/kmqFR7ueSGCJY40LE7UA2zpWef7FL79QIgTGLjr47ExqLB8Ns4cqS+3g2f3BfXzZ0AXLJY/ypNDG0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.72.tgz_1506405204558_0.4278780925087631"},"directories":{}},"0.4.73":{"name":"harbor-ui","version":"0.4.73","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.73","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-k2bFDPpfZMbIp/PJE3F+FOzAJZ83TmVFP9ELMU0VIGPcdH65xPoPA9F0WyktTlThQ1S+GqsblMnUZcClljavmg==","shasum":"f878dd2483fa4c549d93cd60437d29151d90a275","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.73.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHgp0o8bAWPJepdiAS653M7GqcIVfRA3lzF1wxtBb9GuAiEApkM4MzCsnhz2QAfi8g4zpJMl7cNZt1uiRSpuRnOt+Wo="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.73.tgz_1506412028518_0.06508436379954219"},"directories":{}},"0.4.75":{"name":"harbor-ui","version":"0.4.75","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.75","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-6EM74mRdFWrQm5CsOxAh32uUR8BQmhbMEx0bAGz92Thnw75JghoZtpRCwB544qb2OqoLBoCkGmPRoJCLgm806g==","shasum":"a23d2adbfd978f03c3a522cc6ca4cf981a5f4193","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.75.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAT4sRmMuLEAU4V69+nELRW7+8nbHM3ifSBabLF65+syAiEA3T9eeM9YGEhSdiIXljxkV7z+iBNZQ50n+gn/hlT/qj0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.75.tgz_1506425083812_0.6620880395639688"},"directories":{}},"0.4.7-5.dev1":{"name":"harbor-ui","version":"0.4.7-5.dev1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-5.dev1","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-VsyQXrIMM+JpCRAaeAeODvdt9jo4gTg1/h3SjgeBBLN3RKt/0xF+7rWLeObzzTLarsfMBfj4fQNPbDbixiLdeA==","shasum":"5c5fedb49926f2dad4a3937665e263c287d58d26","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-5.dev1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgE/mGPRBISxbp6itm0VYpOUZOiDuKjXoRmHMo60FbxAIhAOdnugc3996+3s+Y+n0AXq7bG4BvunYcQlh7TygZ2/fh"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-5.dev1.tgz_1506426653554_0.9268044854979962"},"directories":{}},"0.4.7-5.dev2":{"name":"harbor-ui","version":"0.4.7-5.dev2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-5.dev2","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-rV78zUgRCqSt+0jEltMh8OoFFz0IBV1cfyRkFdCv+nAT58dfFq60Lq8n4GYNlxenl07xUdiSrJgsQ+W3NRKs2A==","shasum":"1cb2c2f382b38a11231f7656b8ce368ce302925e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-5.dev2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAy3i/JFbCnggR+Qy8xS93na5aWs2ChLPiCc895BsSrhAiBKBiTvOzZKbrg5ogvHsjiFde1E6KDrXL1hyqJ7H3wr0A=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-5.dev2.tgz_1506476536547_0.7891843402758241"},"directories":{}},"0.4.7-5.dev3":{"name":"harbor-ui","version":"0.4.7-5.dev3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-5.dev3","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Xhv8xHJpdjJPCKt34/GEsqQ8Xw9bqqJsh2Hwig7ySKBDOtBrrg/zO8WEle/aVzmBU6vFs5CYP4QR7kaNmhaeZg==","shasum":"c1c83912598d082853dcb02a7e6c24d12d067b23","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-5.dev3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDeuWqHoqNdaCYmAjX0XGebsGXutrvwzcQEWLErnCYGGQIgKN2QkMK3vEh6kk/usJz/hBJNS+Y8a86Mjzq/UWClZg8="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-5.dev3.tgz_1506478420775_0.28404528414830565"},"directories":{}},"0.4.7-5.dev4":{"name":"harbor-ui","version":"0.4.7-5.dev4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-5.dev4","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-RIARpZ56ge4S7kPKe8jodm2biv7+qTE11oSZtL567F8MJIcm/Qh7En/A9dsX8P5c9vha5Y5kC4DNMectjxyS5g==","shasum":"65f9a779ca2498b2d3741966f280b3faee0b486a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-5.dev4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGpJhZF3OyVBI7cC9oSRpXd4xjo2QzfvuMwtxs+45Pa5AiEA9qNVNSsumt60KzdLyy3gkOUiz504YT47WkHJz+T0Id0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-5.dev4.tgz_1506479728662_0.7489867766853422"},"directories":{}},"0.4.7-5.dev5":{"name":"harbor-ui","version":"0.4.7-5.dev5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-5.dev5","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-r02dRizDW0RVpoqiqjKgAiuZqGqXk7W0dFJ3DJBPfLjvsOzNezDgKf+Tym7pdbvmqccaHnv5BXi0ogAKOElY1w==","shasum":"7282ce37b66cd8a08d0bc16aee90b83ffa11ca06","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-5.dev5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICHI+1WMSip//twC1Gs/EU5sVJbw1YDdIH3lrGpqlGw6AiBVnGsStwq1Ufcd09iv5zM9QgBZB7WsHSyMUJqBrU4s3w=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-5.dev5.tgz_1506480372013_0.2635140595957637"},"directories":{}},"0.4.7-5.dev6":{"name":"harbor-ui","version":"0.4.7-5.dev6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-5.dev6","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-gLPssgTjvKULeWxP1YIJVPVr+6TEHYjyl/rNEVq8JWynleuQjvAvy42+08lqtBwfM3Fl7jVwfCnrxC/10eMBqg==","shasum":"3d4bc04199754cec0e69e9ef3f47612eab37eac2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-5.dev6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIASk9hIEcqTEv9Em1Vh5789lBXinP8aAojsznG0SlFkXAiAorLV3aX+DXF+rG/VID/nV3gEGBy1Q300G+ILmSy22aw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-5.dev6.tgz_1506481351327_0.1942155307624489"},"directories":{}},"0.4.7-5.dev7":{"name":"harbor-ui","version":"0.4.7-5.dev7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-5.dev7","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-fCjK+tKxULzYs+yDbORh6XDpWPXHQsxYM75O/bYjS7kw3xvR8CJilO48bXGtkVUBy/moT/jbGwvs0IcPNbARwA==","shasum":"5440addc0b861a9e0d7c2c40abb025f7ff2e6091","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-5.dev7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDhnMRkzBisgKtWd1boHudhyyjTkyjzrA8PJTFZReO+xAiB69wZLJDLD3aWESr/XKXMbwxR17E20odOXo/FMlRWeLg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-5.dev7.tgz_1506488458367_0.9201404235791415"},"directories":{}},"0.4.7-3.dev.0":{"name":"harbor-ui","version":"0.4.7-3.dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.0","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-EhkcS43siUQLXidiKqE3q/KpCf6nIiUSvGEJ3ZrQC28OKkrYxbLu84ObS5pV792i+ycfdLinRYExCMOPG+t1hw==","shasum":"ab138f4575ea1e4058ace6165ba20d0ae242b71b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBxsHDEAVZCmbZCoy91gy6Wd5bA9bOTrUuUZWR21NMe+AiEAr2CzsXIT3JWFXoYaNqhfkOPkeVH29BWoWwivUNJ7T0s="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.0.tgz_1506490154121_0.2445951474364847"},"directories":{}},"0.4.7-3.dev.dq.1":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.1","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-sjfOWQ+kvQEZCrqpDP7OYL0g3k2fE0vgSzCkx+AoSxReKugpRNPpdH/Z5lY0/8JZalxcQE2Zwg8IqwU+tbcytQ==","shasum":"b603eb5d62e9ac7ca24253a3d967304959839c9c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzfaNURFcFHd8vb3R0niMeZY/uIYhEte/aKRdMD4xUYgIhAIkbhUk39/jFXjjuq0AC6z7gU75qmQzM5kRXar3N9EWC"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.1.tgz_1506491319098_0.30668146279640496"},"directories":{}},"0.4.7-5.dev8":{"name":"harbor-ui","version":"0.4.7-5.dev8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-5.dev8","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-B8gWSu1SWBwqFCuRQikzK3UA6s2cJyGJNk6oQlLNnddMVVhylcNAzKNwqM2oDM4hNJFEJHaygvVCjpS1FnFI7g==","shasum":"94af91fd6b51bfa29b002bb6daa44b2f5746e972","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-5.dev8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD78HrR0Bgjxd8Bzedo8gm11FYV6j8J4CyhZkvKLWP6gwIgZ6bntCFz02yDP7pz91Xgx3/GB7jOTVuRiKi+Tjl96ZI="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-5.dev8.tgz_1506491742145_0.9464769251644611"},"directories":{}},"0.4.7-5.dev9":{"name":"harbor-ui","version":"0.4.7-5.dev9","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-5.dev9","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-FG3W1SCzq7LWu1jaXdJax6OJxGDURFl784+kgywPCuN2q8Zfnl9Iyl53pfGH6pTJgNNW73qdn8dVL18HHEeqzw==","shasum":"4f2ea08435878b7fa586e498e0236ca497412c30","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-5.dev9.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCG9PxxR7/wM8oSNUycnb1t9hhwkhfQx8xcTrSHieHR+AIhAPAEmLNEzDtJLmX5PYRtSdiyV3/qyPWXjqZj/zCD1Ao7"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-5.dev9.tgz_1506492188518_0.20562445931136608"},"directories":{}},"0.4.7-5.dev10":{"name":"harbor-ui","version":"0.4.7-5.dev10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-5.dev10","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-UPgE7m+angw2WJgLVXKq3dLmtYCPc6pQ3sVifFbPV8YQxvPF3r7X4+taxA1bMyBAKB6s8GoYOPtfiVRnpYSemA==","shasum":"8bc5b26853a7e9bb16a701ecc08f52fbc20dd753","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-5.dev10.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHyVdMB/1xPxCtxRJpN2FrUOm02KRCe7Cd51D81ZuUCCAiBrzZI+J516GjNHDYdiL50uEs5n6BenVCDHMTWRqHeU+A=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-5.dev10.tgz_1506492815110_0.9883994173724204"},"directories":{}},"0.4.7-5.dev11":{"name":"harbor-ui","version":"0.4.7-5.dev11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-5.dev11","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-V1iVkAx0goSx4QNRwzO246wTyEtrVspxn9gJEvHIAZtgG6KZRUHbkTlmGRlRcwqbHmQlfoUvHsLOyNra7POKHg==","shasum":"ba88c7d75ae7b0f32c45ac74174c286ab2b7d1e3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-5.dev11.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBY0FXHdPuyD3hFxtE3ykUwFqnRk+YQY0EwvDo6tLa/jAiEAhTRaD3oDmyExk9igkYeb8xu5C1AsdPcir9GGvfYoANA="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-5.dev11.tgz_1506493214398_0.8808135911822319"},"directories":{}},"0.4.77":{"name":"harbor-ui","version":"0.4.77","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.77","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-FT99kCDVItVF80/EHO73ZLZUSdNUemjH4ZIVFsnIWZ1INO6zRVrtq6lzC72KJ5bVWEc6PxhdDqzJLPKMW4aMHg==","shasum":"96af358e7369e46ee907c0b045cad40239f473b9","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.77.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEjMrfdLDrIU3Az2zi6Fc2jjx1zD3uXQeHe1VsIBilmwAiBiP+i1ZxIBXX5rQ6qE80EywKM6ShxFfWK8+CoF8B25jg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.77.tgz_1506493839922_0.8324631594587117"},"directories":{}},"0.4.7-7.dev1":{"name":"harbor-ui","version":"0.4.7-7.dev1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-7.dev1","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-yD0jFwSHbCoHA6Z6Dz1OSUfweilI/TK7utVgr2DO4ZbfSH8agK9WilOMHliQfgxEbcS/4PnQeh8V4GufKhVkig==","shasum":"288708796f93edcbe030134cd6498c9294fa8156","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-7.dev1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFvqPbUGfnoWE8mJ9uCeDsuZcCMGdwQRiiWqj0vybdAdAiAp4N5h4Ckb3Y3om86/f46kSunC43abPbQqQcSH1jEPKQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-7.dev1.tgz_1506496960729_0.644000057829544"},"directories":{}},"0.4.7-3.dev.dq.2":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.2","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-tipvQx/bfd0j4bWPjCL4S8qLq3XspG3jclh7b7AE8dRtr+1jRpmyGRAqWeWfZf8eBW/GuHrqqzTEd/xIvdkPnA==","shasum":"5a14688c9a9be1e1811a5286ff53a7c8b2da3ea7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDialxBfsIHYnqmFz/PPL3wFx4obVPe8P+oI/VnwKcx0gIgf8vlKBF1+aed5OTzrDKLLfsj56f7Jv40zu2yTpvBiL4="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.2.tgz_1506501958366_0.8666515951044858"},"directories":{}},"0.4.7-7.dev2":{"name":"harbor-ui","version":"0.4.7-7.dev2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-7.dev2","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Q5GLWt1qgRXtuukCGrDZ5zQI4tQmKRfxr5J5A3a/eSsGq69r/kb8Zq6JzMtUZbTLVQtz8wB2pU1d47VNYxN+FA==","shasum":"69419890e5d7b6f01e7775bfd24ce79ad01bc300","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-7.dev2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDnPHHg/I6MqP4BHoC84ouB/x4nYiDcC7PwzlBiShVxVAiBEkE0JiHnS6aSuGjRQ77BqdnI8QOzJwsdhoMa9swej5g=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-7.dev2.tgz_1506503511421_0.6247838074341416"},"directories":{}},"0.4.7-7.dev3":{"name":"harbor-ui","version":"0.4.7-7.dev3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-7.dev3","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-km8odR3VUcr68mamfreiPAGjH+oTGwYwxqMV/l2Fyi3vpy4lK3tYOdAI14H224Le6teGWJKYJkwGS5IUPCl7EA==","shasum":"54312113df889cba28140a867f309fb19bb03124","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-7.dev3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICUZmgPGmMBhMzTEXIbJekyfuLt76iafh6sfT/983JV3AiEAvoSe3plpjEulUet1cMOCeIWKBoqW2y6lhBoLqlU4gV0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-7.dev3.tgz_1506504306046_0.3330676811747253"},"directories":{}},"0.4.7-7.dev4":{"name":"harbor-ui","version":"0.4.7-7.dev4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-7.dev4","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-pwvKiFmirsjYKG0iVs3Bho3LGfOl101P47jPo7kddOZivbiKXzhSfkVuoU1wPuPu5bqLeBvq/9R5vNfDkDQVJA==","shasum":"d8e44d2a0ec9af1195796b321f4b34f86e0624cc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-7.dev4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAaeoaTbY1nTP4dRkiRmIf0eXTSYH0qlFbNvhACXKZolAiEAyHloNmsel2MyNQ1fTqgSKkoBdOQyw3r61Shqw+hZHts="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-7.dev4.tgz_1506505038934_0.15951568470336497"},"directories":{}},"0.4.7-7.dev5":{"name":"harbor-ui","version":"0.4.7-7.dev5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-7.dev5","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-EQ5/vwDvP9PDsy0mPudLFXP3Kom1YaXtyOYc8Pk89pSN1ETuhgid1vQIxJlmVfOAFpAkmFBhxW3iw9ajwIJ78g==","shasum":"f06c7ca53eb1bffbc8b8a3172518294224442461","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-7.dev5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBK/Is8QO2xLgQeip3zgZoEd+WZJ2N7d0CGxYs5T4teCAiButZOyWZpVCisSg9/Owc/zsQx6oxuW1hM8V2RJTNiaig=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-7.dev5.tgz_1506506656859_0.7754762067925185"},"directories":{}},"0.4.7-7.dev6":{"name":"harbor-ui","version":"0.4.7-7.dev6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-7.dev6","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-sDvdviHGCEWppz9rqGYT5IdrWALVV9ch463uBV8QrX3RFhEadcGabY/+1hoPQ20ePy096y5+rqPKj3p7z59L7Q==","shasum":"b812c259484df64ae2b8dd53664923116fdccb8c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-7.dev6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICwdpOzvCx/8HvvmmhI6byKMjM5kDsfgjwyd+YEw8/+YAiEA6ssEbbM2jDcQ6YVkINlmWumhxCSLLKipDS4Zer+SEDQ="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-7.dev6.tgz_1506506925941_0.88556695333682"},"directories":{}},"0.4.7-7.dev7":{"name":"harbor-ui","version":"0.4.7-7.dev7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-7.dev7","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-GfWWt2IHb+dbknaSzl5jA2fRw2eTZ9W8p9U/t5igHy+8jW4sSY+DSRNoD61aOQZxD2oxOn3Y03PNl6eCFlsjcA==","shasum":"0a78ffac91508cba5ae056d28be4d8d63f67bd7d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-7.dev7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIByt7cpx4lHM2uQr6sUcwxW48aVc7FtO8vp/c5qYYt4SAiEAtmYljUXGah8rrssU1agnQO7zHR4SyaFEuUd6wk+TjCI="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-7.dev7.tgz_1506506973987_0.4521534580271691"},"directories":{}},"0.4.7-7.dev8":{"name":"harbor-ui","version":"0.4.7-7.dev8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-7.dev8","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-WgnQJqS4Ozqz7xs1uia3m/O3Fx73RxRiykhO+/G/0L4k290CLaniaGyu1079gFbVhKIuCt31sBZv8B5roOfrvw==","shasum":"4bcdf9cd00a7db3a3bf08b5e734dc5bdd129feef","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-7.dev8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEaucRLCUCEMSUhossYWI5ZE21Q9bWm5heDGFtivCuCLAiBoKeDTGUHre29RbfNG60Yi0TbUbj28Q/h7LIoIKbMKyw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-7.dev8.tgz_1506507130259_0.18166739540174603"},"directories":{}},"0.4.7-7.dev9":{"name":"harbor-ui","version":"0.4.7-7.dev9","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-7.dev9","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-GJN9zppsWxbZUrBLK9+3O9ej0ofYrZaCPE4hxLXuHJxZIX71H/hPRlUqIb7kJ1S4G+Srmlf5aq9ZVA9nlpA9ag==","shasum":"463d1609a30323d23509bcba8ad36e4801d1a54a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-7.dev9.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDROi9ZLAQG3hSKhPahIvY3Dw9FCyRqHKizrV677mI8rgIgEIIXl9lFVf4hKcjV4imHG3UeJfY7gmI6YQY0AQJpnzE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-7.dev9.tgz_1506509841007_0.8170552423689514"},"directories":{}},"0.4.7-7.dev10":{"name":"harbor-ui","version":"0.4.7-7.dev10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-7.dev10","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-9YIBwZpt7O59sq8Y/S2uhZhRC/KFbdYZp6brfEHo61Kkn2xDao5QNUDJOaizWwrHLOWdzZ9G2x6tMjg9/xuuFQ==","shasum":"2bad315c445cad3964206069b16faca31cace2bc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-7.dev10.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA3XISDwfW0FbgNMHDwXxgtEgH6+cxJSy8eD+Tp4KIC5AiEAm/ZNpP0lPeo5dOu9xOD541c5kqOyW69z/pGtIhWWXcE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-7.dev10.tgz_1506510805176_0.5653215900529176"},"directories":{}},"0.4.7-7.dev11":{"name":"harbor-ui","version":"0.4.7-7.dev11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-7.dev11","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-+vqYYuNcLi133zVmZyCwntopt2AIiCsb5b6TT3/VJ6NVC7nN1l/s+G4tbMJAe78dqwX65l9BXr4VrKvjzCkhug==","shasum":"a001bcb88406055c0e658f226848dc47e87f4b17","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-7.dev11.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEOsbCNffvzKUR742YSl8gVr58jF2OqmwzOL6mjJ8DvGAiEA9cHstDASgyWTbOWBiT/7TmgQqYG8L/xhQJbDu6PRPN8="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-7.dev11.tgz_1506512549820_0.6722804163582623"},"directories":{}},"0.4.78":{"name":"harbor-ui","version":"0.4.78","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.78","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-f3QV6rtYB8uh1NGmFhOUiMrLpYvs931+OgdioppSdwkYtvxVHBDin6so5vhkb5tI6YkWbu0kKYHYB/V/H4yJmA==","shasum":"393a9ec12169d993ba1f8dfa82a3d1170bff4d41","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.78.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBnhWSKrHImzjwPcLUtJSDQX8lCLYylbxJo/KhWakKyQAiBfkmQ+BZrDQXhvzTpZeZpBVPhaCCCOVxh5UkuLIwQYnQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.78.tgz_1506562671943_0.12437029276043177"},"directories":{}},"0.4.7-3.dev.dq.3":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.3","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-c01WVUFazahtqtBA/1mOTza+AsNw5FPm5vGQusiQ9b403cbiIyMXWO1bAE+6JXgr202RMxP45ZPBW/L4n05crg==","shasum":"b1076bd97dc8e9076e8de43ba842586dff39bdef","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEh52pQ4O04TLO7OuoII6CrepUVK8b738Cufqv8nIsdyAiEAkMgDsEkozi6HctxGPwfvNfBp7wP/XCoL9AAQ2lFkShs="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.3.tgz_1506674336175_0.03079717862419784"},"directories":{}},"0.4.7-3.dev.dq.4":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.4","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-4RAX/Atq6XMo4YVykdOGHjcDQaJkERNb+MvFOqbuxf4j9ituYy6I/Q6RtSdn+wk41YEWT9zJzxzQYZ0ogzknuw==","shasum":"5c56719399209aee3827b17ec23c0b06a2a65f2c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+8pqXPkNro8cxyVefFhIYWKo8yE2A5+E3Y7q3c/FEhQIgKPGlVBB3yhyyh8lZS3FL3eAuqst5gVpIBPWA1xSNG6w="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.4.tgz_1506674716866_0.7137479411903769"},"directories":{}},"0.4.7-3.dev.dq.5":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.5","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-mrjLThqyBITrAxt6s6bAy9ZprCIx3ZZaTKU/8e4NyVQcMv4V0OEnjsc2OIuhebFDVKGeV8uvxjaMXQnCsPvy/A==","shasum":"31f131169dba5af2a36ee9491ba2efe31b7d613f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD8LqlL6FtAlmxP9exUxTbx3zMb289IEd1G1LFhvh7RHgIgYk4aqY+/RAhw+NjvNOPP3QLxeuSD6xPXsitcGgQst0o="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.5.tgz_1506675028124_0.20659163943491876"},"directories":{}},"0.4.7-3.dev.dq.6":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.6","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-0ToPcmRg47NcIaIqlpmmazcqfvuIfzBoKWZTtDOWBN4nlT0YFTOkDhjkBgM9F2n60lp6sb152M0mkJa6MywN9A==","shasum":"06a78c1d04a78e20df304d2d27be9644686096d8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCaEJmxu/uNIK5d2ecZzqgc+HVV59K9JipqdN43OfC+FAIgOJhzcjx9aN7qmcha/7UqwUUNWk2WpFN1z3+4gxutwx8="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.6.tgz_1506678443319_0.3694906127639115"},"directories":{}},"0.4.7-3.dev.dq.7":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.7","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-SK3W8aJ/0eEDo9JbXnfZt7iyYzCUQlstUL3Wx/OOZzc8xZUuVYhoDU3Y0J84WiupC22Cg96yLCvBnhed0+Aw1g==","shasum":"d781f98bb2e892a7dc4d121970d45fc419fdf015","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGRE13yjiy24kjkj8F3fj+1OYH89Txux0PFWtYhgisb7AiEAx1GSX7hZ0bBjob8/E6u6/JhwmaXVH+QwBNAzHARG7B0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.7.tgz_1506679417096_0.45657077152282"},"directories":{}},"0.4.7-3.dev.dq.8":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.8","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-iPauskHaRQSsFI8pO9RD7I8GiBWUVOQCZU4rz5oH6CQDIaI/ljDSXSnMGHv5FMBPxRh4AAoWwglFDOXTu49ZqQ==","shasum":"b813ab979b4799aa5db8e6d19d1b2231c8d8903a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWaHKa/aohcIpz9QXczB/Rg1dewz46n1oHiOrH92QfrwIhAKDG1V0/X9ndW8huVdt5OEiDlwvvq5WSq9Nu8mvKjcMj"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.8.tgz_1506680571229_0.27202916028909385"},"directories":{}},"0.4.7-3.dev.dq.9":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.9","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.9","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-tK9cuy0RUsMmNwQYx9KymgHWdkEiBDotO6fDs0k2ZXrMD3HewGNq8tVW5p5rtdKoZL6E87UkkjQ0nIscExUS7w==","shasum":"605a2d67141bd10c22c6aa6971fb3d3feca3ca40","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.9.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICDvhSzrvK3XUGO6NlLResnxPZDwM5SBkqTNeL5Qm237AiEA0BBS79HsdzIi/8Vgcm52e4tZOD81qurEgBge0niE6P8="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.9.tgz_1506682630307_0.48733509215526283"},"directories":{}},"0.4.8":{"name":"harbor-ui","version":"0.4.8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.8","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-qP8f3xGGk8QakXFSRTqj6zQgeHqD52K+4g5cmS1K3tgrwIEzKP8J9c2iKRtkltWojGa0UpSrNFD632xmT21W0w==","shasum":"0d78492a075bb812132ca2707a9812e4063f6b8a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYH5xTG3DmjzIvBQT+07FPJmLu0zCYlvdxexh226eiQAIhANCzkBfT6yXyH98PAKdArmZrtGGbJ5cGvUsEFLA+Sz3F"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.8.tgz_1507605074963_0.8191164338495582"},"directories":{}},"0.4.81":{"name":"harbor-ui","version":"0.4.81","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.81","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-tyVqbugf3o8REzSoh1mjore++d2ji4GnpklWGlxPbZb9rLgMnZ0hYgsnQ9OupiSJrZmI8KOdmaU2orKRDpZDJg==","shasum":"81ddb696e8a1916d9c972a9c798bb97ad2934e8a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.81.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGZr3GneWjF8ZQiBY2tr/r6BSGOxozqSpQJc8FyzdOWEAiEAt7QeAWKHDqqid70E9PF/wj9sVFs4sFziPT9PyMmYPAk="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.81.tgz_1507619649420_0.9681382996495813"},"directories":{}},"0.4.8-1.1":{"name":"harbor-ui","version":"0.4.8-1.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.8-1.1","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-t+deSIzmrF0o7zp2XzIzwPPZmiMxQR4SFkX2yarAb4kEJUYKDgVm1D/h9cjwuoGf8O5SuyvU95huLRS32muBLw==","shasum":"0f30c1deca9ff8017b8693ea8d23094578a06be7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.8-1.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDG+Ymt34t72Fl+mqUouIM/Uameen7VHq8qUyIjhIBN5QIhANn3mMkPIJOcgGle5rzqvUSBUeIiA7GRaX3GwDJLRN4Z"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.8-1.1.tgz_1507621425058_0.24902585661038756"},"directories":{}},"0.4.82":{"name":"harbor-ui","version":"0.4.82","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.82","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-FsqLcjvbUtGMiQOUj4z89b7pdcR9Za1Mw+uKXDTD3Tk/2c5j5p1sfzrIoxVhbHvj8EGBoyha0O5zVXeGBuaikg==","shasum":"fa0697b865a476b6f748590736d0822cf1f6b3de","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.82.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDJtg8vheapHp7g6L2oonAy95m6cqxQTsW7vlul0vo+fQIhAKqDZ0yin+wKaqt/KQ98vDpNo0LH5dOJ6cEF2G/ycpBT"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.82.tgz_1507623666397_0.32337022852152586"},"directories":{}},"0.4.7-3.dev.dq.10":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.10","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-CD53qqRsveIz0EI31O89LSxD7EJtdey7EEuiD33EWRqvBRThOx1ajQtiuIRNjRiCNLUh6nik9Fs3PbqVzsleww==","shasum":"69a1fb44767be2e6f307ada9fe72b95ee0b45ef6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.10.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICH2uBCUpZ8Aem279DH0+b5P46CwIhE3/yD57eBRNmPGAiEAvzf0EdZkgqiLSOnxdANNFqWZCyN2vcIU7FXsPOmcXe4="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.10.tgz_1507623941455_0.515528894495219"},"directories":{}},"0.4.7-3.dev.dq.11":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.11","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-yr8vapXm9ZGIblmIt4skmeRxq+5O9w1i6qxyIcmC/2C06bkMKwAIcxPHBFPwF3elcMOMzXyGJhUY7BywSgYJOA==","shasum":"03c8a4ac84ded11be56f12774c87b379d4eccdd1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.11.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH7hgI+DpYLzMyKiPOCuGIklBHm7s0J183oI8xqqA7L8AiAt6GidkB/UIzCWcUcTBT3vyDnkoBEB4BzSlrudbhj+9Q=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.11.tgz_1507626307810_0.40270356740802526"},"directories":{}},"0.4.7-3.dev.dq.12":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.12","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.12","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-/VBwKeC/WIlP2etPHuS60NgqRLjZThQtggeS8WWQ3mefYDkmwdTcXkdQqE0VKmpHjZZ2/XrsDl1LO4I/EDuDbw==","shasum":"78c3a69fcdc4d2cc3be7d3caeb96a8672e3c1c0c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.12.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHpZby9ceSa97Hluw+ie/YRoFdesH0ID69Jeuwci1UVCAiEAzX5KRrKTqtz6JlPdc/6ku1/Io+LY0UT7uxt8yggXZSc="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.12.tgz_1507652586481_0.040968469344079494"},"directories":{}},"0.4.7-3.dev.dq.13":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.13","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.13","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-/NCRdl/BjZ2pmYdH0dQokmHOc2ynqqWhYrT5LK69yqrg4RZ/wHFtaZOQBhX1ebeHev4ubbCWLOsn8Bbrmvgmzw==","shasum":"b236f76aa87c7ea89cbcdced8534e58710a7503d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.13.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGYVee7K+/bYQaerfJxcPez/Q8OExoD/jZeZhdff8TvVAiEAnBRpeNFTyMqlSG8NUQYIRtelvYf5d0p8RYPK8YIjO8g="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.13.tgz_1507700460531_0.7551766373217106"},"directories":{}},"0.4.7-3.dev.dq.14":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.14","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.14","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-3HEL+HDzvSvf2BR9Oip0Z7dBswRRcVxUf0iAmu8LiamQwL6PI5YOu3z7ziNvYpIm45sNGo8vGB0imgVIe5EVzg==","shasum":"faee8bd2de41103ac3da1ce0c8598ca7832d7556","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.14.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCB7x0D0QuBDtH2mg/dTWTtbuZXad+6SZOf6347p1owOgIgUSfRy4P9sZ/HqOgCn+jjZ1gS/gRnMwipypByVbo6tB0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.14.tgz_1507704451568_0.07565577467903495"},"directories":{}},"0.4.7-3.dev.dq.15":{"name":"harbor-ui","version":"0.4.7-3.dev.dq.15","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.dq.15","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ho+fWCv9EHuo5zEiByODTsnSE5bd9T5IIity0tHT9/Y7NIwvnidpkZRglMHcC87UZH87RgA79awVe32dt4xaqA==","shasum":"ccdef4d489b12e0eb522488782c3a6cccecb070f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.dq.15.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBWd83id7dYOu63D1Bf4VBq7shad4XfAANFMRdACKVYuAiEAq9fGyDpdD/58Ug09fbQ5v/bvwCqpONhwjD+b5RtZQpM="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.dq.15.tgz_1507709345452_0.7631500361021608"},"directories":{}},"0.4.7-3.dev.16":{"name":"harbor-ui","version":"0.4.7-3.dev.16","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"~4.1.3","@angular/common":"~4.1.3","@angular/compiler":"~4.1.3","@angular/core":"~4.1.3","@angular/forms":"~4.1.3","@angular/http":"~4.1.3","@angular/platform-browser":"~4.1.3","@angular/platform-browser-dynamic":"~4.1.3","@angular/router":"~4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"^1.0.0","@angular/compiler-cli":"~4.1.3","@types/core-js":"^0.9.41","@types/jasmine":"~2.2.30","@types/node":"^6.0.42","bootstrap":"4.0.0-alpha.5","codelyzer":"~2.0.0-beta.4","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"2.4.1","jasmine-spec-reporter":"2.5.0","karma":"1.2.0","karma-chrome-launcher":"^2.2.0","karma-cli":"^1.0.1","karma-jasmine":"^1.0.2","karma-mocha-reporter":"^2.2.1","karma-phantomjs-launcher":"^1.0.0","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"1.2.1","tslint":"^4.1.1","typescript":"~2.2.0","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.4.7-3.dev.16","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-d8COD6W9qVVFB/ZFnUFsK1V5dSHLoESKj6QLto8y9E/93k1sYrWzqXFUk3oX+u+woykQGhtsVkUfNO57eemqmQ==","shasum":"f96f9ad6612ec7ee92f2b1a0722039ae7d2d5fe6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.16.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOqfanVHkMNvtLrvecrQuvc4WdwJ6/p5bUe7FcNk/FeAIhAIUSPcAkwLi9URsnSkrKNWF3i/JHlY4q0keaGI19Cj/l"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.16.tgz_1507715220773_0.10552351083606482"},"directories":{}},"0.4.7-3.dev.17":{"name":"harbor-ui","version":"0.4.7-3.dev.17","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.17","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-qOxpeGGkituU6BQU2hj+K2RTcm5VQw7gOlMb1tbjbKfJfXQB88S58IlLomO6oTtuyoZC9R7eiRDr0ja6QTKGew==","shasum":"eeba20aebbd910e586e0c1286e7e1c14b35cda8e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.17.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYuhZzGRXjueib3U+O7T8dBg55ACMPrMQr6lHQKZ5m2gIhAJtRsLykA4m/BA4bEjt5+KHOF/79dXMVtcXwcksozs7w"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.17.tgz_1507716252854_0.591808550991118"},"directories":{}},"0.4.7-3.dev.18":{"name":"harbor-ui","version":"0.4.7-3.dev.18","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.18","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-4lqATtumh6oZmrsphACwh/VBTnLtEeZ23FRagnpDOVnchtn/Kr5p0k9NEyaBG4IeEhJM2pyYRG/bEOr2eZJy3w==","shasum":"c597554f9e9ed4800afe73210f65953ee3b07b4d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.18.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDD/UOO30AJdkv2+merUCN13pVmyhW6bDaFX4utamYVYAIhALl8rkeaAc6vlMN1+S5yeBFXZNQteWNkaaKjLEeQRq2L"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.18.tgz_1507717068318_0.7724900143221021"},"directories":{}},"0.4.7-3.dev.19":{"name":"harbor-ui","version":"0.4.7-3.dev.19","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.19","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-nqyjQWc4pCnvbDRaaF8q1k2PKut3SusLS6DfdC8HE4tYVqADc+zzHV+FTEnsxCK5SxQF8viLBZEqnqFgm5Y4JQ==","shasum":"4cbe5c1fc181749d9c18aa678411c75a6ca15eab","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.19.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAyaalFXomIk3vrVcTpcl3H+P78Plc30rxVDL+Aa/PdMAiEA2p5Sa40V0c11E962/R3PLVz2E7AjHg2/Us+obONURQM="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.19.tgz_1507774172953_0.09900886635296047"},"directories":{}},"0.4.83":{"name":"harbor-ui","version":"0.4.83","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.83","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-vSgHRxhLAJK1aaMlbujcQVlNqkpZdG0XNEVzEx7Nuudta9qzN+u30Lq7V5ZqxS7KIUZtRiw9OaZf3yLPd7Mg9A==","shasum":"5622e7cfac07761f6f954720dd4a3a4abe4cb062","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.83.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBSgUAPINPx+qkDFdsc9vTe9HqtkNhnK5Jb7oDjfcbKGAiEAmpkkWckywUV9garg639kLOnl7SFQenQZWRB2FiRriOE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.83.tgz_1507774458748_0.0644749233033508"},"directories":{}},"0.4.7-3.dev.20":{"name":"harbor-ui","version":"0.4.7-3.dev.20","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.20","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-l5CFhgAfMIVsu/N9Bq8D5vux0nQDfgR1uiP//2+uaNVQ4jCdnYbGJeVLuPcGu7tRHLbwSQog3nnnlbt8h96I4Q==","shasum":"86bd24efc244350f8fd843d83163e1714f1ef867","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.20.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDp8gz+lz4SpEcpzPNoxK4OuUO6Mil2aTMgC6znljQhCAIgWLAQJ1VjeSTgEhV1XXbfLwQRB1tpK5AJg2VG3yKGAdw="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.20.tgz_1507805785530_0.03522967756725848"},"directories":{}},"0.4.7-3.dev.21":{"name":"harbor-ui","version":"0.4.7-3.dev.21","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.21","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-OxEOjhzUeiZlLWNEYn4lZBOpPC8cHtv9aa4Qd739NGsMyS37Nags1+fGvcA9bjl48O7dof8NP1BhLDG6lCEj8A==","shasum":"854e832bfb2af08f118d766d45652898f29f558d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.21.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7++DDd0WxXBqM+oYNZU2f8IOD/S/QIZuPq44uBPtbhQIhAKJmS66HrtilLFn2aX4tKqJsiSeSdVqYXbAh8bByZWs/"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.21.tgz_1507807252177_0.14912722702138126"},"directories":{}},"0.4.7-3.dev.22":{"name":"harbor-ui","version":"0.4.7-3.dev.22","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.22","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-A0tetNm0/6LmnZ1Kwx4Mh9yI0LaybpDT4ABQG82efJNQFja/9WZZaGzWNspijOuWdxGy80W1JSjcM01WspNIng==","shasum":"f33030cd1da013507adba0b078bbafe62d3d9436","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.22.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDd83qsGzIPswRK+pm7AYWqmGzphhSq8bjXlOl+XZSxjwIgDUTcMGwxGW6cnQcKHnfAWuWzpmjlHwPTkSY1QvgPMGA="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.22.tgz_1507808133460_0.2107801022939384"},"directories":{}},"0.4.7-3.dev.23":{"name":"harbor-ui","version":"0.4.7-3.dev.23","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.23","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-slEtMsiru3s6jnlv5BDdWqqL9jj4NS9AiTDsL7qkRjlsIQXm8rBMAbH/Mpi8cSMPvTYz1IKcudls9lr1fjqQiQ==","shasum":"1f16f6bef7022aacdd20b1d07089da457698da4b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.23.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCA0yqqoq0tXjLfPYo3eGnrpBdWJU4b2z/X9bY2CLr40gIgdt23eFqYy6eNOFezYflhAGrhFazvgmR+6i+DV9fSzfg="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.23.tgz_1507808364229_0.8215017155744135"},"directories":{}},"0.4.7-3.dev.24":{"name":"harbor-ui","version":"0.4.7-3.dev.24","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.24","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-wuL9XDLBNoBgpoCbRFBcKZz/KHPkuC7RNShP+ESCJyTr0W8XDiOTrSRLiiNbqrkCfzj+akpY5G1PVfafozXAPg==","shasum":"b3cf2d035f15b14c1a4f14f74d74392642149067","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.24.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDE/7ACsj+k6Zelj7g+wK/jOzR3vjdVOdBDBkW2oVNXHQIgWCqATn5lr0QSceOWikqCLvIgCPrOJ4NQ94sZuVvzme8="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.24.tgz_1507861877321_0.07732864865101874"},"directories":{}},"0.4.7-3.dev.25":{"name":"harbor-ui","version":"0.4.7-3.dev.25","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.25","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-zQWR4N6YzxRbvpzuLgp6CZ5nnMrvSgQvgJM+xpdltG8ZWhimpuxc/qRZbuyN+nZ6wl567WUfUjEM+9ZxoKkOIw==","shasum":"e0af6271361311c6c370dfafc154158bae8feeb9","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.25.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFZANe16uorut5Q/cgwCoZACVS5zf95g/qAd7ByYjbL2AiAB8Jz4H6Bl/s2yExIx39pMGh66e95v7vr8cPiphm0GSA=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.25.tgz_1507873826564_0.22258602594956756"},"directories":{}},"0.4.7-3.dev.26":{"name":"harbor-ui","version":"0.4.7-3.dev.26","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.26","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-PCu5G5RVNHiC7Ne3o1XV8NG3yc8iz7dkqEaBsnEvHI8zDu4zsM3bANYuQyq9aCI1SiKtynXgEACVQM2+moUPGQ==","shasum":"43205262f3821f682fa72ec1706efd23d719a35d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.26.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHBQ8rxfJujnYpOrRMjnp/oyFdC+lMsyoImZgj0Gh9LGAiEAxnGYj7Rsup7t7IklsBqC/7vm5O7sOOQbTuaNp4yKv04="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.26.tgz_1507877753778_0.5611871990840882"},"directories":{}},"0.4.7-3.dev.27":{"name":"harbor-ui","version":"0.4.7-3.dev.27","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.27","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-hRR5bqUnFib9mskZCJGo/+L1EfAvApAwZfW3h1SqK27J1rDu2cl6JH4PjAlCfgFQmp3BjLKYM6JY/MG/s1m3Jw==","shasum":"4e61c94575e03a545f8756d9f4d13be9cb223d55","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.27.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAfZa/1h07PVKbzsLG1lZs+caodqhWU6unnrIv04xJbQAiEAzq3N4Ysb+wDTRgOkOpnH0U8/Z/E8eUo3nqhuUx5U2pI="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.27.tgz_1507882482622_0.9622900891117752"},"directories":{}},"0.4.7-3.dev.28":{"name":"harbor-ui","version":"0.4.7-3.dev.28","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.28","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ttEG2KSM6YHlaYSg3AjsJrnlUiA4Ksv/+JowKwelnfhnwwQgPU1EhwLY5K9dwL9xfG+ji/ZZkLj2kgmy3e1tpA==","shasum":"bdf05d0732e92859860b685a1aab8b85b800aee6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.28.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGODtGVGuV45eJXbg/O1vCrvQSco5cdCAK8bHy6M3ZyhAiEAvtSi8tyG9uVVccgzCPo9/zROEQnIotLfkafsCuvZjQY="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.28.tgz_1507883006600_0.3982625207863748"},"directories":{}},"0.4.7-3.dev.29":{"name":"harbor-ui","version":"0.4.7-3.dev.29","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.29","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-g4eNEYUg5NDiiK+ldrGYTR2qEi4kmIS+S+mPeYpWt7FhYZgbogHpCVaGBX0DAg/AH9+EqOe94Uykc8s0ejATuw==","shasum":"0d191d3af728221d443eb2dc80a8fb6470621d4e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.29.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC/dz38DcbDOO3m66hQeDlX3hhTJ1qfBrEty5bTUA+iRgIhALSXWUPBeOnoXsY/XcTbeLjYQBihphDy4YOkbCguVZ/s"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.29.tgz_1507883652058_0.9864056818187237"},"directories":{}},"0.4.7-3.dev.30":{"name":"harbor-ui","version":"0.4.7-3.dev.30","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.30","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-3/3G3cwFkC0mz+4E5MJM/1kh8jfl3N8bBy6UsSUhaY05Rkpw/nlHNiUQq4Msl+ThWJaD2p6jogO+eAQNyiJr+Q==","shasum":"5fb65423ce39ff501f274bb7004509d39afcd3b4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.30.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEOZXzIjoFUYDwDt7AIcsy4wqRwwBPLgXy+Lzfkzq6OjAiBCpaD6UVq08Gu9r+pilnANTvSDTYzsEhdTl8aUyo6E9A=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.30.tgz_1507886603384_0.3025740310549736"},"directories":{}},"0.4.7-3.dev.31":{"name":"harbor-ui","version":"0.4.7-3.dev.31","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.31","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Pgngg/MwDQZi02c9heE2FrLLHUgU9m6R4nV2MLh+VHhvaFyrNHfngFFHiRB9Rm7klgBRQIEWbVjji42FG9Uh9Q==","shasum":"832a0bfe71e52cdc549a317793820ca5d11bca30","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.31.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHAdPYUNdA+FLbFRcMjMbb/cCJ/ZMQ/G4rK/CDAn+HLBAiEAl5oRBRVUi6H9kDZdzMu6dH5LwyC1wxnuwWo7tFu6uXY="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.31.tgz_1507887189339_0.45058175968006253"},"directories":{}},"0.4.7-3.dev.32":{"name":"harbor-ui","version":"0.4.7-3.dev.32","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.32","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-XY9rbv4uG6Bszt4CP3Enwpm9ANJKXJp7RK1UFZd4/nKycM/sC+MSOxZwR7ePC1OOovMRFG/2Zo/r33RwVVuWEA==","shasum":"5f7007b4e8b8b19ea30edc0293a6e86cc7bada50","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.32.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDW7wHG1BK+Fb5CHpEgt3Gj6PbW/dRCTdd1sTQjR4BB9gIhAPFykrRCnccFV1/1I/DvdJ0BRo8l06Y4bSPWxxa5O1lN"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.32.tgz_1507887444043_0.8458079383708537"},"directories":{}},"0.4.7-3.dev.33":{"name":"harbor-ui","version":"0.4.7-3.dev.33","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.33","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-obbVYlxQVic7XBuUURBT13L5JzxpI1SECMgwTsCkzgWOV4MWo2lMFw7XtRa8gN28DKBKzArSRxcZEcKsLhDj7g==","shasum":"a5d9891463ca4df0d7f2c5706453c48aed1c5195","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.33.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID+Zxci0NIzE/JYD5bxmbny2BygPwnzI1oMzeGyvHiRvAiABZ0G40+8xHwrxtVE9U67MoYgIPHTx6Sk3EMabTVHBmw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.33.tgz_1507888080382_0.6628864428494126"},"directories":{}},"0.4.7-3.dev.34":{"name":"harbor-ui","version":"0.4.7-3.dev.34","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.34","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-VcPhOvb2N7y8L8F9aCR6bw+HmePQqM9M16Q/wBxr1vZXSqItuOJEFGghfnFxKXp7NvkD7t5k8rVIuSsn7BApKA==","shasum":"1fbb195dc30df35af12dbe9f533edd3fc85a4891","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.34.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCh/CwhrplVtOQaiIGMafHCL9l2xElhqS9cTFrCqvinjgIgMza4WUTRn7wNUG3R/aa1Oy7gtHZQfazz9aBqRk6KKK8="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.34.tgz_1508124105698_0.39472040068358183"},"directories":{}},"0.4.7-3.dev.35":{"name":"harbor-ui","version":"0.4.7-3.dev.35","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.35","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-S1BikQCtuBaBqvnegbkoVW4a1WGCZtbs7fNW5GJXU2gH9Dz5zIXQ6NruvI5OzasxQHBba46wNVucaW2V3RmrUw==","shasum":"05cde4759dc9e828bee61a19bed83fd67236cdde","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.35.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDg8xsX5Cy94LF/YhsnJZ64+dpIf41f1bHJk4hnjn48BwIgCBuds4NyAtRotXX8erXtZQs9GcT+WdYrcI58FofCG08="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.35.tgz_1508135054996_0.5697767492383718"},"directories":{}},"0.4.7-3.dev.36":{"name":"harbor-ui","version":"0.4.7-3.dev.36","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.36","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-blqPZ3jlSJDh7IsTlbZfWiroQKX1nFLRDY06Jqmb2lCKiIKorWlCRZkq7DGOu4XcdNvmhOEOV0v+Xb5ZGCI8rQ==","shasum":"90639ad37c3508bc8af4119d45c6a117cfcdbc47","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.36.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYpvm+5NfmsimLjq9PtSSJIh33SquzNPjTLTfIsSS1ygIgbO2LSGQb247nHHf7ZWsxQH4EM0VRTMCVhVi7o3IoaWE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.36.tgz_1508145689170_0.6441161024849862"},"directories":{}},"0.4.7-3.dev.37":{"name":"harbor-ui","version":"0.4.7-3.dev.37","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.37","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-doK89FHqwJhcdJOgbI2AsBDj6rjOtGZ7nMEhjxNXz/fUZx+C3zoWstElYMa0oVjXVUWC7FVD/RST50w8PNjyGA==","shasum":"38eea9d94be8f17380393cb652adfd2b2ce4d02c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.37.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAUBublvARDyVwk9r+yuzMguVerJz9iaE6OHhA42KKSzAiBkAgRlzJhKiIaBIbzulAqq7c9sv/CEg4RGwPzvFhQd/Q=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.37.tgz_1508146800766_0.8227470593992621"},"directories":{}},"0.4.84":{"name":"harbor-ui","version":"0.4.84","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.84","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-WJd3AWYhu/xTaW9ljKSNh2mNo/t0bT+d39qxF9EOM/34WO/0UOQRjf5OtGtX7tu/OPL1frszbszNuRlw8dCfZw==","shasum":"d2a643f2b2ef17f6ccffb2813020bd717d1fa326","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.84.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCC7JQPHr0kKjutYLhzwHA+nLS8VsN2g/6bJNdfZ8gYrgIhAILqZQuYZeGo0pFTk5ap05H7IXghqWQ9RwMB+vZJVeH/"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.84.tgz_1508293919529_0.7015438731759787"},"directories":{}},"0.4.85":{"name":"harbor-ui","version":"0.4.85","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.85","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-it0ftg3F3kVlgBirrHG7W923Dm543jjv5c5CHTUKvFRABrc00Ihx8sXUrdU5RSabPSfuMrClld1gf33llKN0Rw==","shasum":"276cf5915328d51c983d36918925a13e7c10537a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.85.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWm/omwM71/7y0rPM7vbTTS1Jt+cBxrS1kT0k7IAO0PAIhAPzcnyZSISlgU/Km8ZxQvlJWlLUiBjPpZOuUqvUZZ53p"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.85.tgz_1508392075409_0.43431050912477076"},"directories":{}},"0.4.7-3.dev.38":{"name":"harbor-ui","version":"0.4.7-3.dev.38","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.38","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-F674Qsa0y2wdrjQN9wUuMh+SvxdYvoL4DYAgZVjQ/ETUPI1Oeuyi7qsqm9xYBaa3SOzXQleAOMXe6PWg4YBabA==","shasum":"246568bbe82284b8befbd9c4052e601a94aa767e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.38.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCD6UvjnU3ugeKZxiqI4J6oeX8nYA185vYi9HN8jU2E8wIhAPUzyQfBL9lDcCPLFeAMkmMOC/GK/WzCKmQeYFi53akI"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.38.tgz_1508410371210_0.7962598251178861"},"directories":{}},"0.4.7-3.dev.39":{"name":"harbor-ui","version":"0.4.7-3.dev.39","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.39","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-zABm7mzAA/PJ/u11+uG5Wi7BmsN1pJ4DuCyjGSAuhx91B4+ZFNuXzcDsIuCt55BnZty+HZMWgojcibJQiOYQCw==","shasum":"e2b2508f18286c5f4a5e9976561fd3f4f9eb29f6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.39.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/9yzOLzVE2hkB29PVj6opeztHuKaQ0bNcvhQg1IdpEgIhAK7DSpa2C8ClvVMBAf3l4xY5jaH3LzKdr7D2w6K/q9sz"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.39.tgz_1508417635861_0.5766887087374926"},"directories":{}},"0.4.7-3.dev.40":{"name":"harbor-ui","version":"0.4.7-3.dev.40","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.40","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-SDyF53FAzgQ3pZ7nrBxfFpwhzQqQoGsWbyf3R9DtE2JwNj+yPKU63lc5qIQETJu+mPNCZbkgYX6cr0MCu18YRw==","shasum":"a0a3faa3ed6eb2ce6ad8c2b5799efa1499a5337a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.40.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCH1/fjZS9/a1Uw5VDJRAirdQyaWDKf9SfglARJjxfa/cCIQD+Z5ddgtVwQFVXX6p5hR6S48NoxZh6EBvsgTTLjGxEhw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.40.tgz_1508419298605_0.7078998365905136"},"directories":{}},"0.4.7-3.dev.41":{"name":"harbor-ui","version":"0.4.7-3.dev.41","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.41","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-AXh9FMq5UzLTpsM0SfpfYO5ewsNB0d1ypXnixnyvoZkhyeNCIuZeMPia+brJVqW7+7b3F8quRxZbxA3OEcA0CQ==","shasum":"02b147f957f475103d42e733da95584cd19058a7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.41.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHVnZGcC/cnHb8rywAKdAxX/Oj7Nsz1Z7PtHDN5b8gcfAiEAz+IGRz4GLs866MYS2euCpFnIa2EGIoyY0NvZPqoz0Uk="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.41.tgz_1508420837849_0.6504692083690315"},"directories":{}},"0.4.7-3.dev.42":{"name":"harbor-ui","version":"0.4.7-3.dev.42","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.7-3.dev.42","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-jD+m+dzwKhUt02pbL/lFzUB7Siwgy7Jj+OxeJTbZwIr/848iabjbG51aLqsyOlRZ1xLPzWGsjC1QHFLdIy8y8Q==","shasum":"2c225dce70acfe61b13deb0404fbcc79f85035d2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.7-3.dev.42.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEBz10ekupUbheQtm4KgfyaBsdlatej4Rt6L9/IaB5hLAiBZYFNL08ZbMXOKHlw/F2tkOwZOLJyDPEu2/XCG1czdGQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.7-3.dev.42.tgz_1508421204152_0.35268762707710266"},"directories":{}},"0.4.8-4.dev.1":{"name":"harbor-ui","version":"0.4.8-4.dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.8-4.dev.1","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-MjSZziWnERPIeqcuuKmr4mEtbrgxyqbCjavU4Efb9r/X2LrPpR9uFyLSIGyULI0KNZ6NTV/zEuee8mRQdeVKxA==","shasum":"9cbc32b18e914b6a7f6a092a0f8a903fc04626eb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.8-4.dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICaNEONNnRhu3pBmF8+Nvj0UTYTQGDaRFreFjAsMtFvcAiEAjWqd9HiLZ5H5NixQ90Dvnjn6/1aPPB+Bozm5hzf3MSg="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.8-4.dev.1.tgz_1508425460813_0.5067035278771073"},"directories":{}},"0.4.8-4.dev.2":{"name":"harbor-ui","version":"0.4.8-4.dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.8-4.dev.2","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-y/k+VCegaf2kPjnFf5IA3Z/UxsIBcKibv7jiYaDX+AIv9xvXj3wCuN9YaERchPreR49QYqkjuYL8G+MSQ5XJVQ==","shasum":"21431b0b6a45b9a1b865481f337affe636b9597f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.8-4.dev.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEVGW329N2Hy8ypktQ6s6scR1mgv/iz1qMBCOpcrBXJyAiEAsv6QO8/l60NIdjuJq45Iq8eFoQG2NnSDuMQyVDtKS1Q="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.8-4.dev.2.tgz_1508426029066_0.9145774638745934"},"directories":{}},"0.4.8-4.dev.3":{"name":"harbor-ui","version":"0.4.8-4.dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.8-4.dev.3","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-guyc4PD66Ky73unFmhA3PW7EDN9+AaR6Lu1D2xJ210EMonrhHmSuB8Y8Jmbyt8IkNak4EOvNHM3f0v3d7+zgNg==","shasum":"6361ebb3f395346e98b76ba790c0f878c9cd04fa","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.8-4.dev.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqlllGp8ARsmF/CJBPmdbUko+JRDDWQm5dgRVpk1ILwAIgY8K5gz5/xOeaWi8XumTK0P+cfLoSZ/FsGMi6/YsbVb4="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.8-4.dev.3.tgz_1508426414706_0.4469581483863294"},"directories":{}},"0.4.85-dev":{"name":"harbor-ui","version":"0.4.85-dev","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.85-dev","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-rgk7RKmmi3Qc5MrOjQ2FeAJGx0x3WZV3F8bAlrr0lHhGrUH8zSLURyywWjyeOa2qe9BNzjiv8FZd7ldPmEJ9fQ==","shasum":"bfb9756275228598e4480b7682391444d7035c53","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.85-dev.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHisfJwvJaCf74rexYRMHDHm0cnZuiBRZ0+JlK79n6rZAiAqW9d6SWxNEw1yVjdqZHGjBR+ekJ2Liwi3VwEKRZMYiw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.85-dev.tgz_1508489274896_0.006220042472705245"},"directories":{}},"0.4.85-dev-1":{"name":"harbor-ui","version":"0.4.85-dev-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.85-dev-1","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-nSs4K6OcNxadd4aD9KahvYKnyHLh9df8mGnwuHywa1dEzr4GOrP8g1dP56LJFOLmj3xE0Ib93W+cHXjoJ0Ie6Q==","shasum":"e526663e7a7d5040f3bd4ddcdf4ca0654c9ef738","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.85-dev-1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFTzVbJiIEuaWhunVKNS/bXNAIbzUJYONyAl9ZJ80x/1AiAgXDsUrkCdAyU8eG1bueipIUjtzUeuYmKy2qAVafgV7Q=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.85-dev-1.tgz_1508494213105_0.1793519714847207"},"directories":{}},"0.4.86":{"name":"harbor-ui","version":"0.4.86","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.86","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-VAIXeZoiCNTRcel14NySzjFpL1+bhx/JuonLqwjDbArdqjCha9lt2JDXotOEKELdb19EJZ73wlLIw0URC3DZEA==","shasum":"ccec88307fcd26414429e63e2e6e149525ff0ac2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.86.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEaMnXdj51B/J26u6CPmjZfiBSG4fMu/8ZDZevyGSro1AiALEiW185YjyVQO+KehBxPOR5zKNSom3QCs24E3TEGHPQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.86.tgz_1508724936362_0.3536122771911323"},"directories":{}},"0.4.87":{"name":"harbor-ui","version":"0.4.87","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.87","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-s8HMDmORWOZsjEvFUVSm/y5xEP+bJ7Yct8s4kDY12sBEdp6rfLFBx8WNLJrK6oFebJvDtuOBt2beJItxtEWScA==","shasum":"55e0291080896eca719cbfde56640e9f65d4d6c5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.87.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGhasFzxRWn7m2FPO2A/Ys/ZnYI1/BLpPsqhYXnhGCNYAiEAstAICnkbRYBj8p/v4nSA/KbcMxtW61RS25YYYNIYee0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.87.tgz_1508725928611_0.9801497620064765"},"directories":{}},"0.4.88":{"name":"harbor-ui","version":"0.4.88","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"~4.1.3","@angular/common":"~4.1.3","@angular/compiler":"~4.1.3","@angular/core":"~4.1.3","@angular/forms":"~4.1.3","@angular/http":"~4.1.3","@angular/platform-browser":"~4.1.3","@angular/platform-browser-dynamic":"~4.1.3","@angular/router":"~4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"^1.0.0","@angular/compiler-cli":"~4.1.3","@types/core-js":"^0.9.41","@types/jasmine":"~2.2.30","@types/node":"^6.0.42","bootstrap":"4.0.0-alpha.5","codelyzer":"~2.0.0-beta.4","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"2.4.1","jasmine-spec-reporter":"2.5.0","karma":"1.2.0","karma-chrome-launcher":"^2.2.0","karma-cli":"^1.0.1","karma-jasmine":"^1.0.2","karma-mocha-reporter":"^2.2.1","karma-phantomjs-launcher":"^1.0.0","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"1.2.1","tslint":"^4.1.1","typescript":"~2.2.0","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.4.88","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-znEbk2BYJPOB6WH0nBXAVDp7Jx6W1G94H3ixyYKy/ZnNcj4LklsomUxEiiiPXHnNqr/AaJ7X259Sg5sPhz1o7g==","shasum":"ebcab75dd0ff8e17e1aa9e23f337bbce5c35f815","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.88.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDcAwEQ2Fr83y4Etk/9CsmJFt0dJJhRUqZ2x1yzqwAGgAiBAaIymg3hY49dXRqhd995NsOoCVfVc9Nh7ecFJ8dQ/ow=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.88.tgz_1508733557363_0.16034181648865342"},"directories":{}},"0.4.89":{"name":"harbor-ui","version":"0.4.89","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.89","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-qAd/hITACJR6W0B2UhdbtNugSadHLLzsdx/rooNWWqJhfPWbsAvOOx0HfxkzVM7YrMah9W7kxr4Wo+BOfHbtCA==","shasum":"7c8bbf679dfeb71859630616c4002d0a6b932fbf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.89.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxeeYyRNCw0I/GwQoFXW+o5sxCLo0kL1bbhoziGbEYngIgF/5UudYuuljwDlxjg7GbHfTWOUhiItcnme22+ybhrPk="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.89.tgz_1508820755765_0.9142836213577539"},"directories":{}},"0.4.89-dev-1":{"name":"harbor-ui","version":"0.4.89-dev-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.89-dev-1","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-KbR72qDIqlZT9oOkTfFBlJqzHE2GzTI2c12gDwK6YYx389ma7p8Wz0a+dsOV/8k4Ah+9W2QA6lt4WF0m8vnnAA==","shasum":"586acd0b7968e6d52eadb9f1ebe0355207a01a5a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.89-dev-1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHfQUP/+7xZBFZdtc2bEJzs7S/jvfgGGc404NimrOYFrAiBPUgVji2nuz7rSUH4F4No1h/YH6E3vmTlKFu0uB+Eu7A=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.89-dev-1.tgz_1508982337199_0.6370533246081322"},"directories":{}},"0.4.89-dev-2":{"name":"harbor-ui","version":"0.4.89-dev-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.89-dev-2","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-jCrvRmd4U/5U8LJLSdHTc5mjj79buWHrGYYTiDurz6UWZ/oUyZmUttkEB+17PacXyqDIgVF/RH/m5KG6WoaTgg==","shasum":"917d03200f1d594ef60e63b86ce859d10c6e0ed8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.89-dev-2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDYCoc41RNBU15hJ44MPIFuyw5sh2EhnlJgn/oRYR+pwAiEAlxEzPPuxycvd+L2GtGSB55XJc7kTHJjaG7r/NwLDviY="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.89-dev-2.tgz_1508986528535_0.05300818779505789"},"directories":{}},"0.4.8-8.dev.1":{"name":"harbor-ui","version":"0.4.8-8.dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.8-8.dev.1","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-2zHOytHIBkALlSy6HU9anCJUNGKx1nNTFve7Cw3xjKqdcuRj0rfDmP7rBrBXxHNIkTr4jR8xQjIOzfOig6haRA==","shasum":"ff31913d659de305788f1a515a267b72765718d1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.8-8.dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDXCiPYaLpp0uFzwfdZcbd/ZF5LJKqrYsXN5Yau9QHXOAiAxCL/Yq00dodPq7fVVXgm7YGFPB5vlNaXhrqbLm7OWoQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.8-8.dev.1.tgz_1508986816316_0.5195347457192838"},"directories":{}},"0.4.90":{"name":"harbor-ui","version":"0.4.90","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.90","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-/nS4jdhm0WX8vP3DbRkGzh1xtObrdy1u4ByMbFXWbqHDq5DUeOfaFgaP69FSp0qH/r1ZjwbIU3IQYmVkDqJdkg==","shasum":"2a01cd0b6cc19d6007d4dab272475a9100bcb441","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.90.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/c1b/bY1UFDTH5CntfPA+VxlNTc8LeRtRSe31YCGMggIgC+yR9qqlTODejCUHtwEke4yKr4SXsASRoRcUWGmg/5g="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.90.tgz_1508986952378_0.6950835888274014"},"directories":{}},"0.4.91":{"name":"harbor-ui","version":"0.4.91","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.91","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-QNm4gvjaumdkhnB9AVsf/DxhuLDmjGzbW8b2JOrBm7J+d8yLR7IRuEIWY6Jm46dqQH61Y3NXm27pLRzAzq3Hjg==","shasum":"8ced83f3f1162ecc27260054bdd9c8d6b1b7893d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.91.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEo0LVZkew4rIGmi9clw9WKXYHeRkHI55aKJKYCsytTlAiB7LvE28jQHKQi4ntNeRR2H/wyWWlD/1s5VAHa1ncq1lw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.91.tgz_1509086699130_0.286417129682377"},"directories":{}},"0.4.9-2.dev":{"name":"harbor-ui","version":"0.4.9-2.dev","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.9-2.dev","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-2ktQ3DD6+xo4pQgLUmITm1d8f67+GNCrWEGjmftND5W0fY0JvC6fJnPP/Ey379g7GYFL1x5VQSwcdBuyZYMGvQ==","shasum":"98b7afbce7ff382da9b59475bde7bb5e410c6334","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.9-2.dev.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDy3m9AvvpwdGNKoovh+Qp57GhR2XPCBPDF/xhbjpMIgAIhALyadO8eAjVomGoPvriQ999iKnU/gFObr6r6EstZxmce"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.9-2.dev.tgz_1509098525462_0.3017352398019284"},"directories":{}},"0.4.92":{"name":"harbor-ui","version":"0.4.92","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.92","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Jvj/dZNwR5b+Rw2oX+KL/uc7sNrTMH2Y+oQZoCTu8UK2EoZajp9DtQCbTAjYuI1aZg23O1l+RtKkhSfOG3Li+A==","shasum":"aef0346c07be5a5db7512151e4e216433f189792","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.92.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC43/mVXABxGpD/xDZPUQvDaroFmSnM+8Baorx8nJgzWgIgEaHef7qMO5jlRbedzr7MDqbrh7ZapDu57n6IQvWvIFA="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.92.tgz_1509100148870_0.26725303707644343"},"directories":{}},"0.4.93":{"name":"harbor-ui","version":"0.4.93","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.93","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-TVs5LeZd3PwuyjPEWXdUnUcP8KSZM6sDpO52FoI0a/boa6BgE6QI3+o183FPQ8jzBLaAe57OlVMj8xwrY9UezA==","shasum":"d1e2cedd9e3bfa66da44eeb6e83e282d93492bd2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.93.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFlrZDiSGd7FbM/eBEE4dRq9EvvHzd7lGK9TO4DAoYRdAiEA0pMkvrsTXedb979yVPWZ8t8OFaWEVMg8gfunOcno2Es="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.93.tgz_1509345084662_0.8506966989953071"},"directories":{}},"0.4.94":{"name":"harbor-ui","version":"0.4.94","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.94","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-JUY93Nd5SrcJg5tdNDnTba5ZPrC8KxezaqjLcrDu9N79sXEtGcdlNiXj3AiGAfSEQHvynP/B4N0gukhOfdSRiQ==","shasum":"ab19bb3b122b72dadbd1857242ee56a89c7e96d8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.94.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBTNEJx5C3TxCF5g+mZ0Wf6aepE51HgrDg3thnsNPU0OAiEAkLGqamHKhfJ2M/9zTv8leNQ9+1tdjl+MuJaUZmZ3q2k="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.94.tgz_1509440254076_0.033339843386784196"},"directories":{}},"0.4.93-dp-1":{"name":"harbor-ui","version":"0.4.93-dp-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.93-dp-1","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-tG3bseTtwz0zfANuAeJDSWqhUgrBXJwgJP4mx0LP5wRNjmQnnt0QHXrl4k20kWgmQS86x8ws770T7F6TXyyHyg==","shasum":"5d5630ff966f59c44ff232cf34ddb52143f91507","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.93-dp-1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICBDcyKYZzaory6lyXUEMTEFlHXLjVJpD6F8vW5ipCKiAiEA579mtZ8k49PKvqsN+RZSn3gyPy5oov23U/Y5BFu3Ky4="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.93-dp-1.tgz_1509442328549_0.8072827514261007"},"directories":{}},"0.4.93-dp-2":{"name":"harbor-ui","version":"0.4.93-dp-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.93-dp-2","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-zPUV9Z2K8ATX+tmmZoe5hvG2r/P6edrUG7WEBYxhTirWFwhWsNlaFCWfxQRcRxGJs7d+CMHzmJzGH2KBuY2nrg==","shasum":"a1f3099bfe7cc6f82189a1fb3531f09497e4e9d1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.93-dp-2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDFjqrSu9CtHhnyyW4o7YOJbudHu/KLxVJYIhXz2UubjgIhAPi4VecLNGgC0Y/9TS1Rxo+cNMehiXPL8rq3HcaayHYF"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.93-dp-2.tgz_1509442509987_0.4163685741368681"},"directories":{}},"0.4.93-dp-3":{"name":"harbor-ui","version":"0.4.93-dp-3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.93-dp-3","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-pwkVlqzlfFnt88i/bXyHCLXThixc9e0yE87GLdPbOvK1CvBOrsc7RSTDSTycqQJwJnDQvXLsqS4e5kHLnOWVvQ==","shasum":"02c734bebd5e9e69d75fdbf3513a9bdac2a24638","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.93-dp-3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDkSBwo7XFqtD0OjnowVORDYGHVsBHl+AcJeYn48Il3/AiEA/vkrFbEmiqvO0q7KyKI+VO7ESv0YHlEQ2nwaxRGMMdE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.93-dp-3.tgz_1509445987765_0.3223913055844605"},"directories":{}},"0.4.9-3.dp-4":{"name":"harbor-ui","version":"0.4.9-3.dp-4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.9-3.dp-4","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-A3SfncbqroQRusL1K0hIyQs9oFcWz+tonQRxSb2qnpAjS1FMlTO5Xt3zFV1jpF4lv29bAalPSh18XlKgNQUZYQ==","shasum":"f4affeb3ecb88b44117e860d32bfc68047fbf428","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.9-3.dp-4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID9JxMFef1rAtZeSbivGHT6LVxOXMjHeIzrK6VdU/Wu7AiA9hiWZBQOkgJ6umdbHGFAUynFwVgNSlF8xMq17QD0J1Q=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.9-3.dp-4.tgz_1509448689482_0.9680349617265165"},"directories":{}},"0.4.95":{"name":"harbor-ui","version":"0.4.95","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.95","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-x5d5lIZIyhpYR6iOhqG58KNCXQeJU+YyiV0gKhazlucGhl+j6voH9PH/3A6kuGgt3DBmwDju9Bq53j0gRDe2MA==","shasum":"3bc4a0456cf7650c2365c62cb5dd0d08800c2815","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.95.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID/NtF6iFcrPMsa+sbR939CerNoONssv2yBlfOGhopk9AiB8fMiorAqzvXcAiDMW2vMr/L7ComOuVEJR0AHEH77e8A=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.95.tgz_1509449530595_0.32263556285761297"},"directories":{}},"0.4.96":{"name":"harbor-ui","version":"0.4.96","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.96","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-E0s0PmXJMoZGOhIhbN2AqLTZuQffNfIN2ueQ/Hi2jrRWnhW7FRS4TKWCokQjbIGciJrH2vjbz9epKNmS8g0xSA==","shasum":"46e0f37ec540972a6960bbf32f456390b840d380","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.96.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpMr95aMrZuwqhv+D2lSaMBhOcOyA4CMq2Lyx/y05qlAIgFlKnYPNuERPKp0UM+CuNCRhCY1kNgBH5bgMgM9y1MoI="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.96.tgz_1509518178042_0.7694786919746548"},"directories":{}},"0.4.97":{"name":"harbor-ui","version":"0.4.97","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.97","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-0Fea0p2RxaTK2IS3GSVm1c2pEoJKvvHwkJ/qxUa28BMBB8nlnYOqPmSZcqH9qHMcPOinmGrgeNuv+HvC04skrg==","shasum":"6d6b0f2acb2e0cb18d3c7836bf618d55fe640b5a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.97.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjIc5ApRDJynonjfigin4w7GvoIdaVcoft+mkjnsgBZwIgQTOqDwp9zjkxyqRKPhXX1rcFVa5mnV4Fm7VEz047gBY="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.97.tgz_1509532952282_0.3441107638645917"},"directories":{}},"0.4.98":{"name":"harbor-ui","version":"0.4.98","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.98","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-2DQLRb0Dxtp04NWgLCIUxvj+NBfVKuCf3ghYDUEecFBhDSekHfNMLvrgKCwLg/80VXldeQLcy8yxNhh5jMRZmA==","shasum":"ab311a735a023e62420376a294e7089ca5396d44","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.98.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDRCczR1UfdSZU9xD5ca4mTDEz5kWOtjtNFCv1NDIn07gIgbNqTtynr3tQSAZDKtsYm0mu70di/EHaOxynyl17XeXc="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.98.tgz_1509588768123_0.6264786436222494"},"directories":{}},"0.4.99":{"name":"harbor-ui","version":"0.4.99","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.99","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-9isOTaNVYkTooZRA8OTwX9mNtBNVXy4SHQCHLluz8lLVAloVVZ9z23misN31bDqoUtOdJwOfdDR7pvd3PdQZpA==","shasum":"18b1fe8d8eeeeaf7d27f7f5f660c19cb7d1f5b3c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.99.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBnscpWfJt4haInNfQfIX5RpIgqz9S5NItf2uu/KuJ04AiAXpfgE3OYVr+fGuiUo8wsDkI8I0ROP8A+7QseLoeZE9g=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.99.tgz_1509606690529_0.9542714136186987"},"directories":{}},"0.5.0":{"name":"harbor-ui","version":"0.5.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.0","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-5RTjj7EYJKVtIeomoJmhMFiRjv2yOJqoho4tw/fSBaobx3EDMk0MERhAAenD+Fs/eprGYEyKUF5AyAY0SQk0fQ==","shasum":"db0847be978d68c5080e51b36dc16392df1160bf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCrYHGF9rtkzlwuKqXtDm7WibMxuUzc/3D3F6Sqd/1w5gIgXco9oVc2QlUPx0K9nX6M9pOd11HO2V8G0m/+948z6HA="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.0.tgz_1509610329442_0.2471751959528774"},"directories":{}},"0.5.1":{"name":"harbor-ui","version":"0.5.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-jqqwwT95QjAr3PIMMzZ+XE+3rw37e9UkEMBpFHWfyU9Aj1Hmq1cDjCI2mYnpeRlIWAJqB23PdgzeR7g4Z1hALg==","shasum":"6fe379f0ed7583044dc2c916f14dddb692a44f20","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnoD1JMQYfTIM48zojEZzJJyTHKbRrdS/EM3wKtsJ3UgIgHw/k9CB0VcqgClEtNwoHYpUEkDu7niENoVzc8R63nWk="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1.tgz_1509960843477_0.7985805473290384"},"directories":{}},"0.5.2":{"name":"harbor-ui","version":"0.5.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.2","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-DLMD1vFfMjvIwI3EhGHk16PgKUpRZVBOYBZNtxqD+ynS4MLdjoFj1bOkuJNn8iPlLsxRfkwfF+7IpkaPhz8NAg==","shasum":"179eb4e5c8286f759aec013b3f342a1fbcc43bf3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTC3KijoYOL3vxLGWqISYvFIJOxoDAp9H11d8sKB20JQIgL9jG8A4RUSJMETN9YZ9qIobaeljLnR09mm5sD+f3Sjc="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.2.tgz_1510034365467_0.7216124916449189"},"directories":{}},"0.5.3":{"name":"harbor-ui","version":"0.5.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.3","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-O2lxx9ydI5h7sPkgOuEx7Nl+eyr0ecVrQ1wcAVz4mwwaOIuDiOBsiIZLo4dN+i/XxRDvrJdSpXEXXIHqZPCCGg==","shasum":"37b1b22265f3b165824e94a670fbabcfdbd86bef","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAk9XkjVL7C1kvlvpkJlLMGGe+hXKpHWRfIHsUICkmy/AiEAxNyreVVg7O0JdHW6ZeBaRMR7K9Bj3J1ZrLnRB76x89A="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.3.tgz_1510131432299_0.4264109777286649"},"directories":{}},"0.5.4":{"name":"harbor-ui","version":"0.5.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.4","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-PO3edr3zNiZdPmB/Edri6BfiA0QMyHibl4eyUcHpyf8nsN6xmUHVJtG+QEKsxHzFUVih/ONE6ldBy/vFq3/sSg==","shasum":"824c26aeec468f45b22f68072797e7f97c145043","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBxaixxRlDW4ClFkQDR9l4PqJeWmLq3WlhQ7t6S2s7OAAiEAvkpo2L3F378imQVamEQuw+b49776TgdvasYFk+L2LxU="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.4.tgz_1510284650694_0.8081402641255409"},"directories":{}},"0.5.5":{"name":"harbor-ui","version":"0.5.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.5","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-4PL+N25w1qNzQo4eb21UqpYywwrjqXGxGPL5stfLF87raYhDbug+rLiEx619M6N6svoBhcp4bAGmwqHn50PZ9g==","shasum":"b0e31505e86bf03561252a4592be3dce5b8de2bb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDG7VcYLDZHbbw+RWjX1L/CkEmmqX3gjb1cpLlgmPi8sAiEA2Q0HPgGIwlCg/JxBZkf7hgJN3szP0EnU8Abfh3+duV8="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.5.tgz_1510295668892_0.6292844391427934"},"directories":{}},"0.5.6":{"name":"harbor-ui","version":"0.5.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.6","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-9b9y4u9p6RMaV5mfOcIIFXsw7FV0kc6BriQh+HOkUhcShfPxRH//VZrH6/jL8rV5BRlMmQUGT2DVBbYX65ONLw==","shasum":"993582d8b5fa84e908dc262aecf030d13cfea5f7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHN/PFLEAGW+OUoZ68xB+2fdlWkhwUEG6Jo+fBLIa1ZQAiBUcOhYkXM8ZMc5GJgoz/ksCuv9fZWAKb0Vy9IWEAExnQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.6.tgz_1510303299895_0.7714622616767883"},"directories":{}},"0.5.7":{"name":"harbor-ui","version":"0.5.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.7","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-VPjQbEpi15dN9yxsDoRi91F0QC0f+RAXaFB0YQ1rDeeXObuhB/Hkwstsv6g3kKbP7LnCOGE8OAeqj3Y2QB4CVA==","shasum":"248aca0d428885c1411be28ecd087a998f33e77e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC/oy1k0fMbOkLktgGu3wO2BFHUTmBw+nkyX475JzGP2QIhAKQEkSepzGkqxVu+u+sbE6DjavtJUisMps/WCgXOBkdR"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.7.tgz_1510303657689_0.4374478606041521"},"directories":{}},"0.5.8":{"name":"harbor-ui","version":"0.5.8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.8","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ZsLiSDtpnIq5vHZteWLFL2ZplCb3X+IoVnm83tYYwLJcP9Ym941G8kt7CnjacPavs668kM2QPiCxTMynhfPLfA==","shasum":"1292c75d1aa9c2fcbfa3dac9c16f8ddf3282e170","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCcMjujOwI2icCi8kxEGsryp8NEn4fLWdlm/SPq2cEInwIgLmCScDH7+954QJsKMItt5l6lAYOeiMvrGLSVUTt5ciY="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.8.tgz_1510552154219_0.38845694344490767"},"directories":{}},"0.5.9":{"name":"harbor-ui","version":"0.5.9","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-1JsjNigjWZ+aTd55IkuAueJHNFS85O+ylbrua3dZJoQ5lO7NsQrl/dlrDvWN8CgZDxNWy3C6vON9rOgnYPO/sQ==","shasum":"0615f9b01e4fb2815792acedae0313fd856ef709","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID7evIqYXRhMGaLymZYxPAGNStqkroJtqr8Bpxlj+9ykAiEA/m9u5nVnvj/LAIZ07yroVuWGBtqj5zHVSrKWV1omowI="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9.tgz_1510643266273_0.6626862639095634"},"directories":{}},"0.5.1-0.dev.1":{"name":"harbor-ui","version":"0.5.1-0.dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-0.dev.1","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-2JjevvKDBL47gva4aehNZFqCqI0nholLDrbtdmboABAOuwBynjXHajBIOp5smYULSzD/mHR6SpKChbnmHZTA3Q==","shasum":"0571f4c9c200ced31752b5b0ac56518ccd6c01ab","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-0.dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCs8IfdwsnmBG0PgPaWb6ys4rlveAdjzj79M8eieMicEwIhALLqIfZnfVldZw09d++Q2qP5BhoG2h3DcqLQT2q0iQw8"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-0.dev.1.tgz_1510800204254_0.6396976977121085"},"directories":{}},"0.5.9-test-1":{"name":"harbor-ui","version":"0.5.9-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-1","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-zculIMN07aVCNU1rVPi/gzk/MjKdTgGpUJmgriX3XSS3xFMwF6H5440v6eUAaGp4AP+EKR63zYGF+DH+6EagBQ==","shasum":"0190c5d6337402ae86ae8a7ac54270195e1ea423","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDbzuoF7efSYLKsU2AbhKXu+q3A7NPS8e2lCe1jfLhzMgIgHYAYFwHBeC/o4BXUCYDfHvFRpha/T1ZKNu4L8NiWmNY="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-1.tgz_1510823358832_0.5496934074908495"},"directories":{}},"0.5.9-test-2":{"name":"harbor-ui","version":"0.5.9-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-2","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-gQCUedWckCrZKXPQP6uO/CFd2Km+L2ow4KoV64SmqkXrc6gGQSAH/Ocmaqv4sluz3E0APz+oDu6ceYBJwZL/lg==","shasum":"e0bd422b5e4f8ed9d64e0e1bd661d7601f7f832f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGAdhUY80IKJEA05d0MKCJbsiw8gW5S7WiXcTS9l17+yAiAAwgjfDPhE6s4U4K/3/1Hy+TByKWtWqIXlJpNAs7lr+w=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-2.tgz_1510824048912_0.7517695529386401"},"directories":{}},"0.5.9-test-3":{"name":"harbor-ui","version":"0.5.9-test-3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-3","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ppO+HIoXGJtTaywB397ony683KwfdxvTt5vcDp5xS1KNSbDa1kfcKKchDSRj3WPsGBUshtXt/BLobLq/+ups2w==","shasum":"5194cfb4353b1478b7766d07dff1847b07b9c346","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDd+MdDrdQE4BbZUs8R5G6RCMUU+Of91Y5+SHNT9580BAIgMvPRi/tIJ3+jOhS4IZnOWBvzOEih8S/IiruN0hRBmRE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-3.tgz_1510826789460_0.5387739087454975"},"directories":{}},"0.5.9-test-4":{"name":"harbor-ui","version":"0.5.9-test-4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-4","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-nHDsWy4ARakiO6mfqtDCJToJI3lVTbz6W0yYA3OmqFBFNzpkIuR22z24DmVptxQjre7dMZMpDLyp+QVRXbtr9A==","shasum":"a467066e84a4b276b2f39ae99a1c3b7cbc3bdd7d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0SQttDFkNfTvjCtev6zpA38ZFBgViEojO3fPfaQH97AIhAIK7sTy4cO5F+KyQQJzvyVeSuNDl/4NIfXYjnvD/hKrA"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-4.tgz_1510898703799_0.5021072090603411"},"directories":{}},"0.5.10":{"name":"harbor-ui","version":"0.5.10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.10","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-eK2RXReB/zUe2KfrJkVjiv+VuHkpv1QYv1LB+ZehE4LyeRiqFtuJEvRemC6MGb7xkQGFUuFdWgCfhaPQeHoAMQ==","shasum":"bcd593699b926200b527675c18d25a1fc87d2479","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.10.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDBCeGzh2bXjVaCu3xSWqCIPo4FjRgfrYBCgN5YUj80+AiA9EXD9+Y9x35U6fgsvGzjGZS/mPh1dyxF688FwIacu5g=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.10.tgz_1510909043184_0.9516646130941808"},"directories":{}},"0.5.9-test-5":{"name":"harbor-ui","version":"0.5.9-test-5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-5","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-+/3eUcO53R1vYgYm0nTDn9cU5zUQaLHcFAFJccfwy3O90TgaG9yXltlzOVT6pCGHe3TwjWGI5bQ2XteID5N0cw==","shasum":"bd4eb5864791d793cbfa6f9fbe86cab1e40aa946","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBevri0t4s2HRXiYs7kxMiIjHxwwoj63wloKbKRO4ZdKAiBswCEN8Q61M6J8xnkRsI7aLR6hR7GTwdK99XLPWssnSw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-5.tgz_1510914794831_0.2570724112447351"},"directories":{}},"0.5.9-test-6":{"name":"harbor-ui","version":"0.5.9-test-6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-6","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Cs1fDwSyS8ojF9eZTgioheeLJbGynAIN4nzy7ENljmOuN2u9E/vhPWaNl7OU2LktOscgQBDp2TpeeT6kq7vAhg==","shasum":"174834a233825dbb3bf7786c0d5747dc2e741b34","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCl5SeV3rCeCwNUfRoRt5eLMCDOFYQV+Jqa4ahwTdv2JgIhAMPi3KdW5J5zRPBNoVJ0OEnkZ0eeXOBbvmEV+a3tnC21"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-6.tgz_1510916082353_0.8624070179648697"},"directories":{}},"0.5.1-0.dev":{"name":"harbor-ui","version":"0.5.1-0.dev","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-0.dev","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-YDKbGZFgkfb0yDqY0AyHlMxsPm3mvn8H4JIZ2k21zDJeJbw7ZFlrMVqZAX+F1pyjvV7y5XX5GD0EV6+xqPk5Pg==","shasum":"23a58a9eccd3ae9c41addd06222b4de0b16e3bc6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-0.dev.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICuFfBaKaTCGoI9Xu1L7Dwjc61f6pnb+ioX0m2qVBn46AiEAiwNXVw9KNx80NI/t3KwZxIX4zFvMyiccXYXAzbl4DuQ="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-0.dev.tgz_1511170327551_0.09249677462503314"},"directories":{}},"0.5.11":{"name":"harbor-ui","version":"0.5.11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.11","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-D9/7yY2wF7RpiUdktmxt9iO6PdDt2MRV9yko9RYFXqwaiYoldr9pXXuyFApWcKJrZRz/y+oW7ScJ3U33QS0uAw==","shasum":"1fdc8a3960c0d3bd9b678437632b09f14c99e829","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.11.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB7fjuOw/TxIKRb1pzhcmIpP3gTO4QuIiXrZWzTn7yG7AiEAqsnpnC+bEjep5M3pGOMRCjQSSGXyLdEY+UfzLD52cP0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.11.tgz_1511170461335_0.6193177136592567"},"directories":{}},"0.5.9-test-7":{"name":"harbor-ui","version":"0.5.9-test-7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-7","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Zy+f89OBsdvRktmqmLPpbSuDVy3gF6nD53xWUXcGjorGUBN61TvY9kthgkyddeTqoRsHVCpyoXLgOAlLS2jr/A==","shasum":"cbe07437002be9f5de4ff3abd90ff393abe2cb4c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDcYrh5Yln0nPEDsB6OPMQElYWeJ1ZI5WcXq7PkFpbGgIgSdOGg2DpikqQJLRxPty6iEejuxqit9IIK+IBwVes7v4="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-7.tgz_1511175439640_0.6428788986522704"},"directories":{}},"0.5.9-test-8":{"name":"harbor-ui","version":"0.5.9-test-8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-8","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-iuNcNoZ5D4Uo96/GaTSPbs0FdGqkKTrgHWmHhzTbFSSbE0gqvghLFKVu0/MG4e1JDWSNGZsAQ08UTGHFRf6iwA==","shasum":"e9269b1ee45499f4325e23e4ebd08c2e417a27a8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6P862Mv93lwvZaT4+5kogMSaeBoh8biYtoAxmoyjvFwIhAIlukUe4A1Fvu05zaNatpC9U0WJFaURA5/i7PXtFske1"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-8.tgz_1511177371569_0.3475124107208103"},"directories":{}},"0.5.9-test-9":{"name":"harbor-ui","version":"0.5.9-test-9","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-9","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-EtpzzD24nhyFaU+2DBeSzNefa7DUHiFcyoJo5oGmiWop+OErIEhQpQ2dGsrTvc2K+e8pMndw0XLvMNVhBcCoAg==","shasum":"bd88c0a5c6a3bdfe17728729464ca52564c506a7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-9.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7mAvAPiGpY/8puXIRf/qESFU88/StbNNU7CSgbCO6JwIhAOLPxCAJ/EH9uCaWRkVNk3WfoZJKMB2O5d2V1oJa6Wf/"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-9.tgz_1511244306443_0.24636399652808905"},"directories":{}},"0.5.12":{"name":"harbor-ui","version":"0.5.12","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.12","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-lEC8evlozwe3bp+YYkdUOIXXAY8BlUWciUtSOWM7/TEoWjT8OKPtaqYmtYhFiYo5iSg8ahPWDLTKlxP5yDLiLA==","shasum":"323db3f54c6ac46fd57323637e2eea937ddf121d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.12.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICpjy2RRk0Cbg1KnvxYL3Md4XQ7yZQQIw3tC0s+XMWeDAiBjUOve9X86Gmot2CVtA/0JKyhC2YH2RjRPozKOTmGg/g=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.12.tgz_1511331598888_0.8038229406811297"},"directories":{}},"0.5.13":{"name":"harbor-ui","version":"0.5.13","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.13","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-qdE0qkeNQnhwK8MXKLcA7Q8UU3OKyoobYSiGcOc77JpIL0+tfXk0+yt0cSjLIWf4EuZ8eVeyseGj2oqQXXYxXw==","shasum":"3b34a4d87f18a84889e057af8023d6543c769e30","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.13.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEA9XpN40875Bu8YcMxzArIdWyIOjQ7b6b1Jp1N20Bu1AiEA+TJs1ZLT8drJWObfGt5o93aWOuR+FE0oPi30iGZx4/4="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.13.tgz_1511352708758_0.765913508599624"},"directories":{}},"0.5.9-test-10":{"name":"harbor-ui","version":"0.5.9-test-10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-10","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-i+NjWDWB2dnPGvULNe71i72blzPMtc8g+Mnds/n1v2qQSvbMkkWKO3xEA8MRsXh97IR/MSYuhzbhFGpWMdnhGQ==","shasum":"e7a7b94415d9841a68da1f2c77004ebac326e170","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-10.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC92+kEu27eLFhCFnhvjyes9OljPKdv/g2KbO7/vjPcxgIhAKh+JR1RBhxnNF+m/3toPS2xnsEQzBTMLfy31gCYXwd8"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-10.tgz_1511404031528_0.3624528516083956"},"directories":{}},"0.5.9-test-11":{"name":"harbor-ui","version":"0.5.9-test-11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-11","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-qM2hobwq88HU7RwNM6ep09L/C1GUbwdQvJQ5JpXAhlGaGCPQOYfkG1d3D0wbYqBr7J8FS6B17iuODlU8nkXMQw==","shasum":"92ae61e19513eaec3b456b88814a6ad5af5e82bf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-11.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKE5QutlajXfGU7D1zBZlgCTMW9Ia78v14DEwfdIivWQIhAMSDvAwgsiuIlYxBA5Xq7BJO358fr6zXR7RxF5vfjktF"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-11.tgz_1511414224569_0.9317348033655435"},"directories":{}},"0.5.9-test-12":{"name":"harbor-ui","version":"0.5.9-test-12","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-12","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-/UGuYd0gXtb6oj3YMgR0bINrrnhsPhpzJ2hO1p9XZlE7K2gTWGZX9xaOGRETsFKPeK5NBwZwwBMNHwQ78AhRuw==","shasum":"abf5cabf46cb3d338013bd91c85c0dc8c1dab96d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-12.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFqJpD20ugSP0AcyOra8wlZYoNT1rSJOrYEoP9UXl7raAiBXQJC7R966Kz2C2Tb3tvuQGZDCYaY3lne5Mi0JpshzVQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-12.tgz_1511416972603_0.9849624503403902"},"directories":{}},"0.5.14":{"name":"harbor-ui","version":"0.5.14","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.14","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-kz6x73s8m38unYCezbUJ14y0xv8NKWI8cXZpywgQbEM/m7r3IpkPgXVWxDzxy3du0FHaC/iKFSnKh3WvIjsWlQ==","shasum":"998b9ce97b981c0f6e0e927bc78b4d88ebb02d2e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.14.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGM31NExdTLA1Ox/FNKI9UKmvAmReGW7SqwpBeGFT0FTAiAUV2031hv1wMeSv1fa9BQaxRExq4dm+Kt6lXI/RXcDZQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.14.tgz_1511418207905_0.45640093251131475"},"directories":{}},"0.5.1-3.dev.0":{"name":"harbor-ui","version":"0.5.1-3.dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.0","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-LLHvOgaJ18S/oTrqXLYVYMMJaNhzkF1GW5j1SOqxIwkzRAvVYhskWIydq4x6WE50p7D9iWGfTEpDnJgWqUleHw==","shasum":"1b04d15032fb532937149090ec76ea63276a38c0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHgrDbuwLH3TG35XKF6k7AEDOsLWMeXYgEtoLEwizVSIAiAKtV1Rj69k3zYcFJELhIRO8BNfrjGEQvl7G4OT+p0DWw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.0.tgz_1511423569055_0.945041662780568"},"directories":{}},"0.5.1-3.dev.1":{"name":"harbor-ui","version":"0.5.1-3.dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.1","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-xT+rn66uiSJYMCJwn+xNhICGQi/Bsz8YeUr0o+3taktC7/1+u8CezzNpt4w5A3ue2Lo8QAc7Q6DVzBOBA67vww==","shasum":"21f26624cc7f471526f020cec8eccb764440ca61","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD//K89zAA3b3/gNc9Iumh5Ih97HUm4bR8Gl1rsmUVnCAIhAPkfpuST5Czpt1WTJ5xQ4zCYrThj0bX80G7yVZKjUGln"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.1.tgz_1511435666326_0.9465407384559512"},"directories":{}},"0.5.1-3.dev.2":{"name":"harbor-ui","version":"0.5.1-3.dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.2","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-4Mi4rd6IstUV8FxhqdEmhNkjX59hBQXM/9xRL9QBgxFTbS0ThA8KTYc4vCfYRA1ouKjsDxQDnkG5Rc1XhlFZQQ==","shasum":"fcb6c8541a96f6602290196d4ad74b67e490e04f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA5+Fg6XwMbCoyrhxQ+5UI3qSse1++Du+sk5OxAoqYIBAiBp6UbTAcAfy2nVvkQiIC5fUPosXjZ08Ivdr950oOa35g=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.2.tgz_1511436071008_0.7558593256399035"},"directories":{}},"0.5.1-3.dev.3":{"name":"harbor-ui","version":"0.5.1-3.dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.3","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-poh4Qke4WS7Yi4zZDepvFELPyWBtQJFFRe7A7rFjUJ/Hp8/vbS73BiDQLUu7p9tHOoiiWxRrEfcXdXZjKfpk0Q==","shasum":"ff5db4ba33c6c521cef9eefa9a6aec95c872a630","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIChRPQ1L9PJwmkgfLlUw255GnMXK520guGsJCSa3W21uAiB0hIMtwIt30pDhLG84R0endnew2WL+6R0A6WAWP610pw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.3.tgz_1511441148107_0.846928890561685"},"directories":{}},"0.5.1-3.dev.4":{"name":"harbor-ui","version":"0.5.1-3.dev.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.4","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-HiJmAnU1i/VKr9yR4vUggpXtVay+85W7wfzW2NRNShvV5UnCtpq5uArDe1eOdsWjunwjBio6NYWxoz51U4O6kQ==","shasum":"a2b140149261c5c735255435443d47f8a03d7191","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHiYLAkdPufFCR0rVurLHof3DTmHkPr5war+M4JsS5KtAiEA+gMK5q62J66fEfcCFOAqPt0D1cLHCBu3XVwpZKcqZqE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.4.tgz_1511441712014_0.7026213142089546"},"directories":{}},"0.5.1-3.dev.5":{"name":"harbor-ui","version":"0.5.1-3.dev.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.5","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-qf2M0aRoLQu7WenSqPW2/xNyFpu/5DPvnLeRkRzWpvXOuAXLF6224luJW+cJXI5KHuojf6TQdFG5ZnIrZEOShA==","shasum":"088ba5ea600587de9086d9b6b0a59d8bcaa67bdb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3iD6/u9mZ26kP5ucANJwLwfcV7KLV3ZFwdZPCgcAx9AIgWovDAGxzZF6nI2PZjaM7X34CWTvfdjRAFkuYkQR0IoU="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.5.tgz_1511500864198_0.6645197125617415"},"directories":{}},"0.5.1-3.dev.6":{"name":"harbor-ui","version":"0.5.1-3.dev.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.6","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-6Ewor/njk6UU/5AeA6BKfWQJq5xph+BahvcfuV2kdB2gPB1ARHNchelU0Zt/ttVCtg9TF5MoLX3PJlX52gAKIA==","shasum":"f508ae9cf0070f98353c1f808d42540880b1875f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA+mDvMg5gd+mvytEb3thmKGv3d6QHnNjGVLiF3+WkFYAiEA6lBQ5W4gZaq+u2CuT4cEEsyLsy05DF3xef5iB6Nl2sM="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.6.tgz_1511505357366_0.1980557043571025"},"directories":{}},"0.5.1-3.dev.7":{"name":"harbor-ui","version":"0.5.1-3.dev.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.7","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-P4uKnBAM/Ls+Of2gM0BFG/TfVrBw0jvvxdepW0krKo53VM8w0IJjbz/7qXRDIXbPhzZvJlT5LftQCLQ/IHMrCA==","shasum":"18de83ee57172097f99d7fb10900ec04925dac06","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHypIsxsU8HX4nkQh5SOu5CFi7VVAUWZFEY/RopfayxEAiBOEtfcPRbl1KuVF7elqNFN9OCJrklsqGskltY2PX1F7w=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.7.tgz_1511506910398_0.8835014479700476"},"directories":{}},"0.5.1-3.dev.8":{"name":"harbor-ui","version":"0.5.1-3.dev.8","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"~4.1.3","@angular/common":"~4.1.3","@angular/compiler":"~4.1.3","@angular/core":"~4.1.3","@angular/forms":"~4.1.3","@angular/http":"~4.1.3","@angular/platform-browser":"~4.1.3","@angular/platform-browser-dynamic":"~4.1.3","@angular/router":"~4.1.3","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"^1.0.0","@angular/compiler-cli":"~4.1.3","@types/core-js":"^0.9.41","@types/jasmine":"~2.2.30","@types/node":"^6.0.42","bootstrap":"4.0.0-alpha.5","codelyzer":"~2.0.0-beta.4","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"2.4.1","jasmine-spec-reporter":"2.5.0","karma":"1.2.0","karma-chrome-launcher":"^2.2.0","karma-cli":"^1.0.1","karma-jasmine":"^1.0.2","karma-mocha-reporter":"^2.2.1","karma-phantomjs-launcher":"^1.0.0","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"1.2.1","tslint":"^4.1.1","typescript":"~2.2.0","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.5.1-3.dev.8","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ygTNVTTpOTuEcKIlZ0Qm75fLfuKC+RVjeMoXWI1+HgSOfyl+DZBp4qhor7rbYv+woRsiU3t9TlieTd2LfWifYg==","shasum":"26422a073c51c5c167710871b15393bd3eb13cfc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCk9RHbr1X7FZMQXD9CLZdd0NXCbghXirUsWgsXupLE1gIgc5YY2uJkyJ1ZELLgIjtI1W16ltZc9+w96XnFbyo6XRA="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.8.tgz_1511511513964_0.5000973963178694"},"directories":{}},"0.5.9-test-13":{"name":"harbor-ui","version":"0.5.9-test-13","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-13","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-BrezK2jp49UWnEPioDcXxOn33jvoWjvOoY12ZSSI0sqc1NvyYSOt98HIP3BzT3Tu8isVE7r8+MrCeMbGE2PVAQ==","shasum":"b0588a6657071a68e5495c76f223e8a4b0279eb2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-13.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBOMh4J6HR4fVHnLLYzI78U5RRCkzFtm9H9DfdOm9utAIhAJRsFJxEpxj01pLBPEZoYWkNUGlxJaAnJaQCnQFYN+JL"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-13.tgz_1511751710181_0.22730321250855923"},"directories":{}},"0.5.9-test-14":{"name":"harbor-ui","version":"0.5.9-test-14","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-14","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-k66YRuaAhSNOdf25S4Bkw2Yq0Kbfg+Cni7qyi8KXtYtncOnUHiLjuWe9I55FaYdEEo+3JVOSePSXXe0cOuFevA==","shasum":"5de607cee84ad323b446b8fc22e888ea9b0c7f01","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-14.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHYGGGnukp8I1OOC+Qv91CtV6EH8nqDeXvvnHImRRpWCAiAuVbc/d4cTrzjeAZBuGIgNDBfpe6hIKbt2hun3mB/LtQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-14.tgz_1511761505194_0.8675367617979646"},"directories":{}},"0.5.1-3.dev.9":{"name":"harbor-ui","version":"0.5.1-3.dev.9","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.9","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-8xX4TIGnZz4lKncFanpIznEv7vPrWgs43JvxaFn9Exkap/PMZ/Chr9uWa4o9IJkH590rH64M5nUe1AUJHZG5qg==","shasum":"3c5cbae1c3a97511d56085b31e4ccf06e7d58534","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.9.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICZDJ90su5cldawilFAxKy9pOjoBv3catcmYOMqH719IAiEAr674LGWJjS3cd1lOhptvsjTdvbqNDCS0Olq0/KhYRJg="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.9.tgz_1511836917456_0.8308816498611122"},"directories":{}},"0.5.1-3.dev.10":{"name":"harbor-ui","version":"0.5.1-3.dev.10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.10","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Nvm+MyiwaeH1inIcKqEKpfeCp9XNjSIFxAmyAw7+5WdsWpc7qmVUAsBV08tqzqdUOchLt8IpYr87jsMfixzTjQ==","shasum":"681987012f122709ec0f6a46a717d57b66f85f27","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.10.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIATwO6xEC2MKgq58a0ZDO9uEH3M/JUA6B8pLbbUYJUEjAiEArv025J18S6uPSZmFE3XRmj9ZjsNjTK/nj8GvbHQw1dw="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.10.tgz_1511837338895_0.43146839062683284"},"directories":{}},"0.5.1-3.dev.11":{"name":"harbor-ui","version":"0.5.1-3.dev.11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.11","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Ym0e0XxNxfubPMJ5xaVQZgGKCSwdXF5EgPzSLmJXDwNWcLrxlbrqZN95sj1ejHpNj5/ZWYGT6hrV0cv1iPWp7Q==","shasum":"00b13463296520d70e84383a1e314b5757321853","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.11.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEYK6SQ8f4MALwsxPqQXiJFdvg2J953nY7YIx3OK7dQ9AiEAmzFz+RZCOlPzts7XVMEPXR9vhAWTya3EVy02FKoI0TM="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.11.tgz_1511840174792_0.636000745696947"},"directories":{}},"0.5.1-3.dev.12":{"name":"harbor-ui","version":"0.5.1-3.dev.12","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.12","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-iKGeAQMvfmUIn+cxDjT8bi1yPeBS/talLx330MUZWq7fMmqDrgKjKXZoVyeckWNzejQ+Pd6fpbG3eEnO3yhP9A==","shasum":"847da503b661283a06517b20f01ed03f425f7b57","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.12.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDwVpckrf9dVz4eelOQmXEft2m/HMlAIwBBOHpo+2i3BAiBf1JuhAtksioeImI4WNMY5HtfBmhTLYVgepKeaAnQ0LQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.12.tgz_1511840249891_0.7982458951883018"},"directories":{}},"0.5.1-3.dev.13":{"name":"harbor-ui","version":"0.5.1-3.dev.13","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.13","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-V/hhYzCa/eZdiczlK8eGafx19yPzoQEkRrm6taRwOoPmFZR+2c4KJFqUws78SiRRxQsQ6Ia5n1TTIZwub5zGRA==","shasum":"8622e816750a5dbd0fec30a964b2e9c5a49992b0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.13.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHzM6GJraJmonUzYW4KhGQ1gKqtg9KtAEb8/LLi5yrqLAiEAmhYITsYjB6iFEXvla2FgCHShqVfvzndl2LzTNES58lk="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.13.tgz_1511849695470_0.7392082333099097"},"directories":{}},"0.5.1-3.dev.14":{"name":"harbor-ui","version":"0.5.1-3.dev.14","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.14","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-lecuXZoZmKrMmgZnm6KwevDnKdLr+Liw24JoRPTNOB4klx4dgMsGHdl1CM4/759puoSfHCaDcH8c4YFZxSloRA==","shasum":"15f625a256679e168fe2f8b082f1b6aa680bed3f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.14.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0cfb+BVzStq7Yoo0/D+grzA0qjtaMDsmzSUg1LAtkNQIhAKuKaNO8kpOwzdioVy9FXCxNf7vt1MYsCMsngRQvU9tH"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.14.tgz_1511850399595_0.8215306741185486"},"directories":{}},"0.5.1-3.dev.15":{"name":"harbor-ui","version":"0.5.1-3.dev.15","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.15","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-OzYCvEsTjwHjtV5LViS3s8ir1V3K/d+lvsoL9qfCNv4XQOHc3mrtoemhVjz8Y5S9k5aeBqm9W34TwQcC2FFxbA==","shasum":"4f23e47de0ad257b1fa81e111d3cea793d1b70da","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.15.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZRvJXhItlUYM4Khrf0zg6LSyeCnzIOFTKr/y318twmAIgOuPefsOQD0lhMiqvMqHIinssNS9/JJcspDGBQt0A5V8="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.15.tgz_1511850694914_0.8445499127265066"},"directories":{}},"0.5.1-3.dev.16":{"name":"harbor-ui","version":"0.5.1-3.dev.16","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.16","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-gzgn8L/ZMYVBRH2rzPw7vTHmNTuqKCwq4zJdeA7dLjXYcXovIVtdWMe2HiKFkgjqGlQcUyJmFjT9eaobpWWzNw==","shasum":"90eecb4f74636cebca7ece2e891ee626a7e332a6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.16.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHquuwN5bT3k3wwrAWt2xvO0leqobmzk7h1jNf+ql3psAiEAmrn4rn/mFS4NqoEzH790kBVEiFIQnT5KjUZ93ky+YRE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.16.tgz_1511853344369_0.84191993647255"},"directories":{}},"0.5.1-3.dev.17":{"name":"harbor-ui","version":"0.5.1-3.dev.17","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.17","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-F3B7f1+Nn119xHZcHXCHpVfweBOUG2gHsu/d/EUfNygcXTFpqhv7E6QwHthga9D3jrtKBtengVlSKzbRBA/Aig==","shasum":"975fc44c15664b6a4b034fada85e1bb0803975ca","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.17.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRihRTkXfs6Qps1o+cNoJ0lqvs3eEMbxCeGFyPZYaZpAIhAIhp1sfKiyTqmkN3c/jz6q/3Vtdl2Tz4/MwpAZb7TCHw"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.17.tgz_1511854197728_0.8594593652524054"},"directories":{}},"0.5.1-3.dev.18":{"name":"harbor-ui","version":"0.5.1-3.dev.18","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.18","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Fd+Wo6i68TUXETpFEBq9nQm05wKCFyxx+HVyT0MltoPvA5P1XTtbRlfapW5QPykfhf+0Wz8auyX2T53kTiB4JQ==","shasum":"b63f7588703730b41648b708c9952ac3d0054470","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.18.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNP+FHz18qHFfSf7ghEWsxtSq/ftwf55NFiGEhJkg6twIhANR97mBarpEJFisFICTMaGxN+ipyp87GsEqnLzBJ1KNs"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.18.tgz_1511855481538_0.6443965011276305"},"directories":{}},"0.5.9-test-15":{"name":"harbor-ui","version":"0.5.9-test-15","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-15","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-92t5fy34HYHi0eLmGpgzUsIWyDP/AJwKIC3L4/f/eWxcWez+JkULhsuzfOlenvg4C5gfgWcnr6zMXMUsigt/BA==","shasum":"fd97b867135b38856e8b03b6e86c805570a39ba1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-15.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF08Z/YkpePtricj4vVwp3DiZRqmUTNlygzcm5qmBu5hAiB6Agkr/RSwvjWpe6Rul/XMkpNL1ueEbuMh01sCCtS67g=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-15.tgz_1511868473160_0.7201559871900827"},"directories":{}},"0.5.15":{"name":"harbor-ui","version":"0.5.15","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.15","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-cTYE7w+cGuEepb9JWznwNJ0LDooC33ngS9+S4WqcQQbJPiE0y+p/BHmZVWF6qEbFR/K96I2d7N7t68thvqj34g==","shasum":"227d95354dd151243c7ac60f5dc2f50018a99cfc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.15.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICKGlYuU4Ww2KFMFLc1/hy/o4/tBLDphLVHCgnpW68KbAiBetVCvaRs6pONbEEQbodUEvGLbYw8s9YxyzmFss7tJag=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.15.tgz_1511870185916_0.5838576904498041"},"directories":{}},"0.5.1-3.dev.19":{"name":"harbor-ui","version":"0.5.1-3.dev.19","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.19","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-mI0T4bjxwiqv4zYs0Pytjs0EeKxguE2TsMego5FdIjyw2bnrcYWZebBszricHdcpFdELgGXx2OS01dhGGd0suw==","shasum":"6464f449a83acd20ecaa2835555aa3ffa1d6c8e0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.19.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGnV0BYvOfw6AXNYNCGaAzPh3P+cO1Iy4/QRs6MEJhXLAiEAzCjeAa/uMuxD02KROTUrSB9cJdBhKyCAkp+t4HHw6hg="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.19.tgz_1511875358698_0.6536231725476682"},"directories":{}},"0.5.1-3.dev.20":{"name":"harbor-ui","version":"0.5.1-3.dev.20","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.20","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-OGFG9nT46tH/cOFUKehb7FWIZgQOnkYrkjR+vHB87mXx7dE1hjpgrRCJtd98tPOWFQWvpdyHDXTGUUoQTiXsAA==","shasum":"8429de2a6188ad35f844ba03e4654589098997f2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.20.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHaaHENfASmxTtrQJC53chT2k4HghqPT6DHICOcnsREaAiBd8IL71PA8CFgIlQCLPDdw/RNd/gkKJ6USj3Gfv9C/IA=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.20.tgz_1511876288580_0.6770705243106931"},"directories":{}},"0.5.9-test-16":{"name":"harbor-ui","version":"0.5.9-test-16","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-16","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Na5VAnFShPPelu32kvgKDcbC5XaxzbtH5bfOfhB8xXoSZreTAz6zo2Vc7O3fQEjEb+hEWbTq2obsRWPy6Kq6Vg==","shasum":"fadceb5e6f9b1759dbaa477850a261b25eeff0bb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-16.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjY1CcOmVaocjdSA3ygYv83xsdL5fm8wf024CIcyRbKQIhAKmYL0E4ZjXT52K8PRPOCpCdAdefS5iCe3Jn9l+P8Cwo"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-16.tgz_1511925113790_0.4881009121891111"},"directories":{}},"0.5.17":{"name":"harbor-ui","version":"0.5.17","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.17","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-FFE/bmM/DOyQsXx0sKKMRac6OBpnCyuDdcAHOWJM4GozArgFhwOoun2+8OwOLSEPtkGkn4MzSUMqurJzygtm/A==","shasum":"72015dd16f5b41315e2a9d1c4771ca9703349d22","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.17.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAZiauJfatH1vGorfG3MtfpcUxhMAtXv8WNb8VVNx008AiEAxABCra/PjIP6yNFUX02iSQ9uWA1/fVJfCwVu4tangD0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.17.tgz_1511934023394_0.1713504355866462"},"directories":{}},"0.5.19":{"name":"harbor-ui","version":"0.5.19","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.19","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-7i406EmhbHBthLem3BBqwrf5qwd+NdLJtcOPwMyvS0MM5qASkiK18UQIT2eHsoHZI1G2F8xof55Eb/J5Pzgryg==","shasum":"62a6c94b244361329939f333ab025f86ce1f9ad5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.19.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKvkob+aDo3h3SSB+y66PDLhmimdzZ56B5N66dnO3j3wIhAPt7WAYLXzG6RM0N7pGqmohQT+lFbDgLqOnWIf4w8Y4B"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.19.tgz_1511934897122_0.014691346790641546"},"directories":{}},"0.5.21":{"name":"harbor-ui","version":"0.5.21","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.21","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-7SqzgLq+a0W/cUzh6q7sLYG7u+2/xgJ1X5fd7MiFT4D6PB4f22cMA412uQzYITxCZw4tcmwWQMNTe7L8dwZTEQ==","shasum":"6b6527292208af021ce58c340961a8c1659c6ed3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.21.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAZW3fWzpNNKJI5dOYzxfPq3D71kuW4ALD0muW2eULq5AiEA5uYCOOxqW6OC/R3pzN72jpOdAZ/l3wSvJDczDnXmFOw="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.21.tgz_1511935605752_0.4997356650419533"},"directories":{}},"0.5.23":{"name":"harbor-ui","version":"0.5.23","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.23","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-/2AUHs/MAnn3RbaU0oZqb2n03gbfu7QCLCvwJGNnlKC9fA0+3wPl4DIcY6hP4aI6z20ir13uwReaXDaXzMK1TQ==","shasum":"f8919a65b47e0a681f0c5354507f2284e61cd4e7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.23.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDzC/DyqnUpYKHTUi5qpT3GJf39MLxlSZR0DDABq0KIVAIgGevOylR1TAaidSysL1iWVydCMpRcLWWmdcH/uNE3Oqg="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.23.tgz_1511943795773_0.798604795942083"},"directories":{}},"0.5.1-3.dev.21":{"name":"harbor-ui","version":"0.5.1-3.dev.21","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.21","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-nLKPu1lrUtGGQX6ehFXNYT7sY7G6I667EZ9Nrs+aCliGsInwXCupclTeUfb6U0DukUPgx0+0YWTOKQZmhsrrZg==","shasum":"661da4b31dc6e61380298151b57dbce6ca173196","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.21.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTTRqI+es5rYaM/5DeeC1C5z4H6gDbCGFSFtUXWl8eVgIgYQORimdvQuBv79+hjns/KWHH0wJeBVHFn+sE3UYK4Mg="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.21.tgz_1511944722002_0.7506380665581673"},"directories":{}},"0.5.1-3.dev.22":{"name":"harbor-ui","version":"0.5.1-3.dev.22","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.22","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-V6zegzZahXvBbPavlhpRtkyNB+kngz3JpnGrrF7OwNZBYZ+gv4yj8FX4gXFMn04dlVhGqgXJFEgY8CRuKCX7tA==","shasum":"6e2400b423922c3cb088c00ab7599444b9e0aedf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.22.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCBX6XqIHnpRzPyWC4kbKOnmHXrr/Pc3nM28QkMGFWZ6AIhAO3u8wPfsRnbHr37S2PU+S9H8le/8OIXRvKq3cx5P8KY"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.22.tgz_1511945690341_0.47878844384104013"},"directories":{}},"0.5.1-3.dev.23":{"name":"harbor-ui","version":"0.5.1-3.dev.23","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.23","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-IUBBO8u6KD21/mojhEF2NoMl/L1125EaqK4KR59QWN+BSqqtowdbbh+n/WUlDyvt0IJviqM9wndt1QKQGUhSPA==","shasum":"2f2f65e1a421e901fe354cfb5375a2911b4e6043","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.23.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICpt2JjBWpBhIJLRuIVEvdpHRVL/NgZucdUPxRlTYylYAiEAmCIh2JF+xDCB/5Is6QsXQ37KxyyJm5pVsfMpY3JhUbc="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.23.tgz_1511946376361_0.004151618806645274"},"directories":{}},"0.5.1-3.dev.24":{"name":"harbor-ui","version":"0.5.1-3.dev.24","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.24","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-mhAeSURhSYVMjm4ppJVDwksVpCBqLoB3Nb9FoxhT+nUU5QDFqxeo0rcklX0W51yZo1jdKex341wHqRZdrh3Iwg==","shasum":"d32676577bee5a62015f80796bd32345d4b62f7d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.24.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBLmthr4QXXDytDMHZIyUUnxw9gPxo+ZRtlfOL4zl8YwIgYUH4Y3fbYa7qtLR8rpG6ElSiy41AxoChNTs/cYl1iT4="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.24.tgz_1511947483127_0.7564172754064202"},"directories":{}},"0.5.1-3.dev.26":{"name":"harbor-ui","version":"0.5.1-3.dev.26","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.26","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-DHWkehzK4hbedoT8UKhRE9K0FCWdsVbh1D5SnbJIaQA7wZcWV1QHzVbQ/4NBWNz/0ytZ2fhRbyE0V+eliyCqqw==","shasum":"3b7d946f118736869f0820f534e915108a1237a5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.26.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmk8Ji/byRGoS/0pJjOZgpGJmg6gA68x83905sUdTfrwIhAKn3gu8KFrT9605s8TU/S15X3f9xw6LSMmWMNADjZeVg"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.26.tgz_1511947845092_0.5669224984012544"},"directories":{}},"0.5.16":{"name":"harbor-ui","version":"0.5.16","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.16","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-xTZvvVKPUIKBs2k94tWI1e65/YcY8+C/rBSw7Ik6AKAb38Og+ZCAae5MtvlJAHDiUuhEZ8u8aUz8z9T3a/TxTQ==","shasum":"2579b744ff0f5a2da988f56a565e3786c6b3d137","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.16.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIARDJkMNw4pTTm+cCuyHJWJDvXSq5G6Xl2ZVIkUqScnGAiAzkMZO3TuncNig7IK7l0seeqe3XAANXkzZY9YhQXstlQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.16.tgz_1511948398675_0.9891159208491445"},"directories":{}},"0.5.18":{"name":"harbor-ui","version":"0.5.18","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.18","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-zjBz8FHunCeBYr7iZQd2J30AdcT3We7pmalPyVYSCKtVfpBWu0gwYEnie6L4oZu7jBSEZEAL4tTqHkW2zdibUQ==","shasum":"7eda33bd11fd27f0bcd8c44415252a4c1a0c89e1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.18.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHWT9Xp9a6iUy2LEgLtxg0KUlI0lwJbrtPNvUv8zzePeAiEArm8KgIuvckZPU7cT86UXM/eaN4FVJ7oSwggveWudfec="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.18.tgz_1511949198004_0.3049499820917845"},"directories":{}},"0.5.9-test-17":{"name":"harbor-ui","version":"0.5.9-test-17","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-17","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-pYvWo53iCprmEr/convUPJ2VDnDa6O53IJRdIkiIfuHkRzySOGsqe9Ia2eQUiP19LEzFuKxiVcg6ddivOkiJvQ==","shasum":"7408ff2ca596bdad37461b1707f39c03f3ea32c4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-17.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbUX1DXo1bAPSrUOmkPPOkqy5WacUZF1BM2pKOb78ztQIgPnWM7KD1IhnmzaXcxI8Fv+wo/sUAFwNzA5cpBWDwNb4="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-17.tgz_1512022286482_0.535461553838104"},"directories":{}},"0.5.9-test-18":{"name":"harbor-ui","version":"0.5.9-test-18","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-18","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-EzfD2WyCQyx0h2ZankpZ/QNgekKb8aAJi82hQYo/d9ZmNgG2W3NQZmcdCuepBo8DazcglSBMX2prZoQCWrnpNw==","shasum":"1d69dff4cc74a5f2cbf37971a6cbf6427d9d9d30","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-18.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0eAYIRYg8lsCK/toZMJlZOOZvBlOsiO3FnEy7zSWQEAIhANdcNONkADTBu63guYxzENOgnM7/E8Zy80aHZeRSN/0d"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-18.tgz_1512023528636_0.5741475184913725"},"directories":{}},"0.5.1-3.dev.27":{"name":"harbor-ui","version":"0.5.1-3.dev.27","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.27","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-zcO/QwU27v2JTe1iFXPNPTzlKJzgaXYRx4kS6/MfuCKN3NVanMJPgnbGuJfnZ3Oo1YVZ4bZCZIuZ5hfwT1q4rQ==","shasum":"2054963d0b05e8c910bcb257d9d41b3ddc4665c5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.27.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBIf1/dQsd6jYgbWu0QGM889nvVuosqJoPr29ENqP/XWAiEA4P4aj2Z2y0gOVVmj/kuvLHhxxZI5h6sz/p0uW3dzCdw="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.27.tgz_1512033468758_0.3808163886424154"},"directories":{}},"0.5.1-3.dev.28":{"name":"harbor-ui","version":"0.5.1-3.dev.28","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.28","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-oaqM8HhBx4DMlnAIvQleWHlLGsj+bl5Lmvus/RgTJYzEkziJOSrBQ9t1XMnQ+AgPhp3cYdHTLojt6gYcbO7J/A==","shasum":"31c97f696c0de1830265d2287c9163bf219c1e7d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.28.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAwaQGsps9hW//z5xpq9Rvb65qemZXB4b3fOpboqh94IAiBoKQaMXNAuZHw3eUrSwyM59D+Z4HD0C9pQ7WNl1FPDTw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.28.tgz_1512034590873_0.11673468048684299"},"directories":{}},"0.5.1-3.dev.29":{"name":"harbor-ui","version":"0.5.1-3.dev.29","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.29","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-jMd/QTmq2F2v9jVqFtE0L98vdf7kNHKam7fOx1WkE597x0uzPOzkI7pf2h+HLh/XjPoLXYr20MeVoG/goErusw==","shasum":"8becc1d23209950d555878be76ff67acd3f158a5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.29.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgWge2gWxYIC0MAkAx2cQOsXkbFFXBCSYAb05PG7U0egIgHDUh/0u4oi7zsq3v+VOMZpXe2ZCoSu8YPUwaNTRl6c4="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.29.tgz_1512037314930_0.7056492280680686"},"directories":{}},"0.5.1-3.dev.30":{"name":"harbor-ui","version":"0.5.1-3.dev.30","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.30","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ejNzZbARerttb8YsvElke4qzyYWauC3WX+11myu58ehx9santSxZ84wP+/f+NBMtLVRNTdjm8RfpzxsK5T9rHQ==","shasum":"c5b7954752d57a40f7a75f14ba3a0c5eae8362dd","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.30.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICKhJM2KYkgctoG5/MIoWrwaobTjkSC2BqdsS/eOXmRXAiAYFF6P8p7nbEmyhoBNxMjwVerqWczJbjg3qLPxJkDIdg=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.30.tgz_1512037894798_0.8530835362616926"},"directories":{}},"0.5.1-3.dev.31":{"name":"harbor-ui","version":"0.5.1-3.dev.31","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.31","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-q1TIcRI/218ozvXndcolUu0nTmBlvFWVRpRTDO5MwNIz8QrGJ7NWypEWnw32fR+Q2mJ2j9M3/MoAWoItHZKnmw==","shasum":"a89a04f90f8ab6e0746a73e21c2d787a2ba68416","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.31.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDD8Z5IcK+PZSc8mo66zG0Ql9GBy4bNSvk00HiaJb4lmQIhAM615mGXskUyWdO7lrS0z8njw5S59mrXEz7CSWI4bC+C"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.31.tgz_1512038755604_0.653375509660691"},"directories":{}},"0.5.1-3.dev.32":{"name":"harbor-ui","version":"0.5.1-3.dev.32","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.32","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-+k7XfhA7f6l+jlxIPY3ue5rBFClrVorNq96+BG3+9o/B/JyW/4W2fjwKpZnSMvxZJ0VXLX6UGm6EXQWXaSCqCA==","shasum":"84937933767d0cb660e28e6f3add2e77372195a4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.32.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC92yYfI/W2hqaGjkC9Z011tyiHm40iH2tMvnc3KRcgyAIhAJCf0NnP4FyTXzq0ixFYsTwC6w4DycSg/1PGyyv7VUAk"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.32.tgz_1512040375464_0.8803857711609453"},"directories":{}},"0.5.1-3.dev.33":{"name":"harbor-ui","version":"0.5.1-3.dev.33","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.33","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-JexgLj6biFAaXhyggJc/1nd/lc590Huf4iCsuh8bYIpcYPajGDQAevo95VLShSgFQ1hIovRTtJbdplqa/1Tqng==","shasum":"653cd52910680cc4ac37815913f72e9853072f05","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.33.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHSgkf2h88AhLqyqn0OShnYWtW8xtXKJfkRvDWbXIppjAiAZf0Y74Fwi5ZrUK0yKCTpaPBnySMkxw8dzK0H6bzSBJw=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.33.tgz_1512040542549_0.20185116329230368"},"directories":{}},"0.5.1-3.dev.34":{"name":"harbor-ui","version":"0.5.1-3.dev.34","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.34","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-h2xNRl7qRwaQeya4cdIf8Cag3fW20L9+IcVfhRczOPpLDZHAIgdf47bwNpqc4KyA8gsBWaLRb5fcnYb+txJ50Q==","shasum":"f83ee40871826becfd285e3472dd97c15ff356bf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.34.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCc8Yjjav0yRwJDMzd/c46HP9ikZ0cg34O2nCvsoCgPJAIgSVkpIYtLx2or5FbSwueP6BwdblYCoRkruFo5+KuNfhE="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.34.tgz_1512040619649_0.6974178848322481"},"directories":{}},"0.5.1-3.dev.35":{"name":"harbor-ui","version":"0.5.1-3.dev.35","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.35","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-8ikdPV9z510B7xhis3LNfPIA+1l70MUB0LIjD+l2Ms7gG6Z0nqLwVFqbAF7dYtitCPsXFbFjI1V34CSrdssRgw==","shasum":"480f239f8e9d5b575c9deb87fa3a021241ef6b0c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.35.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHWnKfmqDdQIPKDyWyPDhK+EZKXWkNGKJpsdx89g5vegIgNKCr/uDOffIcYRAjjSSONpWTWfm4cMJqWb1xcAqthXQ="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.35.tgz_1512043394190_0.02590488037094474"},"directories":{}},"0.5.1-3.dev.36":{"name":"harbor-ui","version":"0.5.1-3.dev.36","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.36","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-FEOsheOyXU4aA01RDYQs7vNEpnB7VG+rG56fMzIV5ryF8qwIjfqmhHsL5fo8Gp/Aoh/jAcz7exR5eAlbk4DnTA==","shasum":"fac900a471920a3ca6842195641436265ab12009","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.36.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2mY5Fk/elb6foJsgSoft6+iW39ueeVhRLdyOzyq6/+wIgdfTVZxkr/YZ4AIZ9/SkBJZFrcs6r+lBL5P32YnJcTow="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.36.tgz_1512044792169_0.5402635484933853"},"directories":{}},"0.5.1-3.dev.37":{"name":"harbor-ui","version":"0.5.1-3.dev.37","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.37","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-t8qXiyf00bafRgMjyTE71XdQ8H/EF9SziuhwRS7+K1hLxWt4C8WgDL0aOY1Gg6+APsHMTxKqow4WvG9VXzTNyw==","shasum":"1bed121dd95764a90d95f8e7e1512faac4c98348","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.37.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZPZbqbDNlpTXWwc3hbWxy525Ph2/CgnVvgGDsJNHoMAIhAOfa2RvlX1YlZQ/apq8YiGloVBnpjvl4Qj/oCvlTY8iG"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.37.tgz_1512045314428_0.9525474570691586"},"directories":{}},"0.5.1-3.dev.38":{"name":"harbor-ui","version":"0.5.1-3.dev.38","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.38","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-FGjha0vnrwh5R2V7AHzTG7xVn27p7oYBPJY6N/VyFxVrGmU9uXrGxKinykz4lpf483C2AB29X0Zr6mfsoYUHJA==","shasum":"a10bf6c4c57be0a10b928c11f78e7f393ce3f794","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.38.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBKzuYUljAlSyC8oIcuNnA9C6O2x4VqICdu4JwnomcVZAiBQXSPWDIaqRfGmn6g45hKeWdKjEhR0c3e06+OTEzmw0g=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.38.tgz_1512046119106_0.6419753341469914"},"directories":{}},"0.5.1-3.dev.39":{"name":"harbor-ui","version":"0.5.1-3.dev.39","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.39","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-6EgumPEhsztbdSoZNM8UgluFBHNCApnetRbRhp7q4MdOCDwnyAVwcv+b11HIfocq267ROOR8NlW1LajhIQ4IwQ==","shasum":"c2090a35790b484ad50e58799507c238513668ec","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.39.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCp9hSXTEX1CvByACf0H2urGyLSIFkuzbmViauAwwTxlwIhAI0QDQ0DDYLU45wvLsvqi9kcjJLJch/noJw88lmB6WY8"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.39.tgz_1512046632449_0.3284569082316011"},"directories":{}},"0.5.1-3.dev.40":{"name":"harbor-ui","version":"0.5.1-3.dev.40","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.40","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-hI6xKS8oc8QO7XBZiyt1UlrKk4UXNoyTBv1x4j3KzYNEoQsLrMG8MXRlnyOIFAqUlhphjubjEI+Gpp1kZI2uvA==","shasum":"0347e2399c3c46db5bf8a3b5fa55aa757f0ea75c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.40.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICYuyXpU8B/BruR7/ggdh92Qu7N2q85OWeYo3fkeDHFyAiB1joC/bZ6m3wCrgYQMtg+JR/ciLDGKJbfWgAtLvUik1g=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.40.tgz_1512107914772_0.4478587561752647"},"directories":{}},"0.5.1-3.dev.41":{"name":"harbor-ui","version":"0.5.1-3.dev.41","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.41","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-vFYUiqKtHwZrBJIB2428GjIj8uq3xM/kYrELrNvVfWM2/NR8S7mcuB0ZoFaPnuSL+C/1luHD2mgiDTM6ltc/5Q==","shasum":"f94dd854227f4c029518e3d05c0e3ead31505544","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.41.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGNV36JLLTebvUn9ucwHiLx58sYLq2sto3zF6XqbDGMgIgItAFoe+OkkOeC7y2m1e1uUwj4fTy4Ll4vJcZyc9krHU="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.41.tgz_1512110394919_0.23222607327625155"},"directories":{}},"0.5.1-3.dev.42":{"name":"harbor-ui","version":"0.5.1-3.dev.42","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.42","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-j+MRjQyzBjGJWAhChUAsDIlkcH1sRcMKPL5AS6+2QhMEmiYnJyuw1S8ioo45JUkIKvn6bWEhM4UIe/XWF1gQmQ==","shasum":"3834f185a381d89cf7ca2a7108f5f09434b85464","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.42.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVjAYOyJ+7mY7jnY8MZdo567Jajcfo2B8X64ffEHbiTwIgbY/oazqmK95ejp4Z8vbNosmCtb7ssFYJ7ds9rjxyNqg="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.42.tgz_1512111354282_0.03378306794911623"},"directories":{}},"0.5.1-3.dev.43":{"name":"harbor-ui","version":"0.5.1-3.dev.43","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.43","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-GmfbvsgbdOvJctzp3y2gVVJQsFHIWJVn6FP7B6SFt+eTzdg+uNIExgXHALrztEuHO28sPPxcz+pFwDklBS010w==","shasum":"657e084c74c42f00778588acc053ece2af590648","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.43.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCmSctfNfjcmAtANVVSFJcTFxRukH+eY4FlJT+Ye6D7jAIgP+0r9Vpj6/1dwj9V38w99g4rFl85USXhlF9VG/wfWYo="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.43.tgz_1512113304288_0.06675011198967695"},"directories":{}},"0.5.1-3.dev.44":{"name":"harbor-ui","version":"0.5.1-3.dev.44","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.44","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-cr7VC6DyPpjR3mPdriDxqtpJsUisJdu0lkOgw3d5yu8nd+nfaKsB84czfyiNWWpvKjnO5R580ENIGzOmb1jnvw==","shasum":"65bcaea0a687bbd218e9e0549e5f44a7e40083f8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.44.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqJ5UQwWZYj3B18cXqSZtyW2yZ10ebLGtuITHjihF2VwIgEswnz2fcZIWLR1pkBa9kI8zLwefPzOr+P7dx+ju7kFw="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.44.tgz_1512124093800_0.7485112713184208"},"directories":{}},"0.5.1-3.dev.45":{"name":"harbor-ui","version":"0.5.1-3.dev.45","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.45","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-HbhirieNIOpyHkDpUf1H1HEysLGRQws8gWVRKg0QG0Bx97narN4PVYhiW/FRPOOXmDLlCbNBmOFP9amF1hQWYA==","shasum":"47187a7195a77c4d0273d1fd24b3b15dad8b881d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.45.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/OfYPChJJxsl5ob2ceipvcTze9KSohVNn/AKpEHnYBQIgao4VK88m+uptPXfK7FjDNewFOK/wChhsCNZnjzv3CZs="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.45.tgz_1512124344540_0.1276597084943205"},"directories":{}},"0.5.1-3.dev.46":{"name":"harbor-ui","version":"0.5.1-3.dev.46","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.46","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-TW8LA7j9J0Ce1GMvgu/zbqPNh0obhig0z2H9OFb1woQ/samfxiQFn6VMsaShPyWjcuFPrmf1dEMYiAR6LwDuTw==","shasum":"4070eb3bc5cf269d71e6cb426f5caeb95be63444","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.46.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCg+8y2aiL+Tp8n6Jt8ZtML/pfvF0nnmfjFc9fEjOVo5QIgGytPnC9lwAkD0IAtHwM66X3zR6E+XN/+ybYnQ1q150Y="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.46.tgz_1512125107497_0.8060084865428507"},"directories":{}},"0.5.1-3.dev.47":{"name":"harbor-ui","version":"0.5.1-3.dev.47","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.47","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-uBhA+DOnKsu6Ss8PukZOvhL5LCIi2KoDqy1BPZYquG5pn0WRBr50ImFRvl0Oa2bRwJxdft/aajr3P7yPn1MSbw==","shasum":"fd07f33d67fa23c0374d5f0462b287c88571c2d6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.47.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID90cZ97zDUxmbZ6eq71Lu95DaCugHuptBddh8IC16SPAiEA+Q1rY1juf0Mld/OngXJKtX9tQ44UXUt9ymZVtVvKg1g="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.47.tgz_1512125729653_0.5026832472067326"},"directories":{}},"0.5.1-3.dev.48":{"name":"harbor-ui","version":"0.5.1-3.dev.48","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.48","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-PrGauqVYd8HzIQr5pCYZZ3RebzwDFtxMfTVnU2mk/FsLXN5JaWy+f7C0hDRzezG8kmNFcR615srXEp/lJHeGXg==","shasum":"1e9d9b1aca276a1e06dee8394e30657d4dd7ce32","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.48.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRfo6J9vDVg3IZEXegwGw6htpe3zalYFIGRMM0EcBoQwIgPh8je3SnS0zZDNt327PH498jMxn14PwlotGxP53OHTY="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.48.tgz_1512126692451_0.0715758171863854"},"directories":{}},"0.5.1-3.dev.49":{"name":"harbor-ui","version":"0.5.1-3.dev.49","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.1-3.dev.49","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-SLpTl4nZMZ3lnxBFdKEK1RThKqfIGkzy6y+M1jSaJofsXSyxrB5DU1sMtdOg+Dg2X7lv3S3AuVeJxHM4EWnOCw==","shasum":"60dba0f9c8be1371b21fd975e958d31a0d4c5633","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.1-3.dev.49.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBtPhYsOr7dtxUbTfycx9WHvS5Ejl+ZEu3M/KkePbmMPAiEA3gs8OixLYAA8delgbngNvWLtzxWpQwTeek8nooSSDmw="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.1-3.dev.49.tgz_1512127543491_0.7648588113952428"},"directories":{}},"0.5.20":{"name":"harbor-ui","version":"0.5.20","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.20","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-zcLcyJzQNt+SaxosU3ne1EUGcOGpNvX6zMOLfkaPBUwlNP8aRf4SgnrtjrVhPPbCsnbuWHeF1iInxJAuXVAbGA==","shasum":"0ed5d631481c49cfef3f30ef68f63c2d11953afa","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.20.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8Yu+9SKvXqswIIGw84jMGtRZ0kMkd9GJDaJ47/GiukgIhANoCSElVODbEcz8RKM+j2xbo/ZLp23CzEfp3AWqHdmAs"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.20.tgz_1512375901858_0.6195171987637877"},"directories":{}},"0.5.2-0.dev.1":{"name":"harbor-ui","version":"0.5.2-0.dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.2-0.dev.1","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-0K8OhZTSZobTintO6VUwstPmdgLhXgfx3+DkVUfuc89JtEJ4rw1YNnGpxPw4rhCxTxtVC96surRc7fSwc6MTdg==","shasum":"382bbf9d703df502ed1eb1a5038474b5df4cdbca","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.2-0.dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvd9XVocJP4fQOCQn0ag1vNVo6VdsNa5pgvvpJ5HYuaAIgDWVbz9YSonncF2HPG75F9BCV/Lxqpu4ocRPvkRwTXZY="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.2-0.dev.1.tgz_1512380103123_0.0605158822145313"},"directories":{}},"0.5.2-0.dev.2":{"name":"harbor-ui","version":"0.5.2-0.dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.2-0.dev.2","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-7ZEVHL+3lV8/V8sW6K1PPvDVCmgMOvEySriag1OhjnCxgNpmLumDyonLinwNO+ht2c/u3AYSbt80DCUv6QDrCQ==","shasum":"c24256b377e235b63c5ce11cc18bf030616e820d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.2-0.dev.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCMwGSFYvUOeLbAXXD8fIuV/5FuJmVmYq/6CDRILkP9AIgTftK0LxBi6HeBziZJ/NSFEN606nRp7LxHBVQoE9/nY8="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.2-0.dev.2.tgz_1512383320250_0.5870852533262223"},"directories":{}},"0.5.22":{"name":"harbor-ui","version":"0.5.22","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.22","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-XHIIhJr9/PgyTMesR1e3KnEaxT4xnGf3EvuFreDk8N3cWJc/7WS1sxWkPTZCOUViEeueKv5F2PeBMJ4emR6O+A==","shasum":"e153a31d263a2c5bd162e6823f0550ed0b4e3529","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.22.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0fd/wT0jFeiqfsxYhIuEOqKkGea1iAszIEsfpADMWhgIhAPD12IWTCo/whqIKixcGPN4/+ZqtkxQlG/QWyXnDe4Bu"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.22.tgz_1512384663912_0.46483175829052925"},"directories":{}},"0.5.24":{"name":"harbor-ui","version":"0.5.24","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.24","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-UsDqx+9ExPc5L1/YMXxJuswoErRACt9IPupcCJrUDYVUJO3PG5frtoxneNiYt7W4cgrZKtlhuGiyTDzgX55Yjg==","shasum":"45346c9f966be5e939eb0b9e9be2d406f8904f8f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.24.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCfG8oIKlJEuZazY8nXBL59ooKWlCtKeQnICrAZ5npaEQIhAMcnxLmE45uy0hKS3aFkHkT3RzkiPTaOiPFRAz7cO9hu"}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.24.tgz_1512385553353_0.012414872646331787"},"directories":{}},"0.5.9-test-19":{"name":"harbor-ui","version":"0.5.9-test-19","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-19","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-AfYNk72XfIJyrC3SeW4fjXyUaQ7K8ohSyXY6iAgzDUz/saR1l0eMmKr5/PmUYsaVh2SospEWotZWgpINQW/hJQ==","shasum":"1ce565d5bcff1310538526f9b5cb5a7c41ccc2e7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-19.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFM8oYXp0ZWUim6IoiayP+BrjgPqJg6uTXqVzd0Ljq1JAiBRHZ74qS5SOy2Y/DbRNzesjyYpwXehYYhcWWu2YfuJlQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-19.tgz_1512712833903_0.24551763362251222"},"directories":{}},"0.5.9-test-20":{"name":"harbor-ui","version":"0.5.9-test-20","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-20","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-+blpqyVcc6BwW5IQFt39TmlW4l3U/TIA1m0AtIPtq/XRq67EzVUMj35gY2JI5nbvjADVTsQ7QuWUCaRaij73+Q==","shasum":"0ec8fe31fbd8f669635fc5268b6122fb97c327d0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-20.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID10P57vvlMWuXAYaRBregg6wGkkcz4XiJUfaRv6e23oAiEAoKtfUd+gwFdM8ZuTjHZw20yLmr/QudHgHb2twMGdir0="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-20.tgz_1513056093614_0.3163282561581582"},"directories":{}},"0.5.25":{"name":"harbor-ui","version":"0.5.25","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.25","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-gKK0MNxJnurKAM4NULSQONIZXX9D2bK3cQARb1GL8A4HyIqXdNxwcMmu+6gIfu6eRyhElxqUz29QlEYI+mmPOw==","shasum":"afbfcbac94047ab0db4e269bd70d010f1b961226","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.25.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAM7HEFQU8HK64laaL1NjstUxPiKhrtgsGttTZhqk8MwAiBKduEddBvHvQdrec9xDwWrfBmQa3StagxLuoe3PrqUJA=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.25.tgz_1513057382777_0.07685098075307906"},"directories":{}},"0.5.26":{"name":"harbor-ui","version":"0.5.26","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.26","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-5z9bIYj7vMmqZtmsmnIAUVsdG2FIp1wmnM10y0NClyijA5DwLSC078chc02clwD5RKkS75Y552HSjQ6LHIzIww==","shasum":"82d6a56bcb5619d87961188ee22d77e9f9ca89eb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.26.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWpz0kiL9xm5YLwZqLP/tp1R1B8sRgzWIQ/6y4GY2YzwIgTRwSufqxzP9nZzafNmpVuG3dLDnBsqytoruL9BLc7Nc="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.26.tgz_1513072647369_0.7839492978528142"},"directories":{}},"0.5.27":{"name":"harbor-ui","version":"0.5.27","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.27","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-vpCTB6sbD+O3/OImnJ1L/3AcNkCtWKIGXat1R+fvo/X3sME2h6uOOtkP9UJQ7RUcSl+kproBXNLLbk487ruiwg==","shasum":"af31c0daa07b110957c4850b102256d4af3883e6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.27.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH8u1dfhrGUuVDUnBeJJO+Gw/FP9+6+oHHMjDQfXP5ruAiBSNmuTB/oWth9nBk70BJhB51FhU3FNvFOrH0qAdhHhbQ=="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.27.tgz_1513072763108_0.016780461883172393"},"directories":{}},"0.5.28":{"name":"harbor-ui","version":"0.5.28","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.28","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-iFGivyO1WtgNQ5XUCq6cGPqbWnZonq2dgOIkrcgL6a9FaEiP9npgqCYLW0K6idgQ8S5uDzfZ8KkfiSkJdBx3aA==","shasum":"5ef29cb198fc469bede790b91bad58a19607d898","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.28.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHy25OaRXOA1vdfI+ZGOfFyM2p+z3EtbjHbKXovSRkwaAiEA/QWMMN2+nX/5n5vJch3K1ZwPxPyP5MXxjolNaHu8s3A="}]},"maintainers":[{"name":"harbor","email":"szou@vmware.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.28.tgz_1513074160091_0.6479840786196291"},"directories":{}},"0.5.29":{"name":"harbor-ui","version":"0.5.29","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.29","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-IrlosAttpQzXQqhp1/dmOwMMj0OR+ysXAIKNezWyBAzYxkGbroM/xvhrxSXI19sJR94x4UCkwvtnLmliaEMXsw==","shasum":"4496311e915621035065736d336d4a728955c258","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.29.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCriCeBU/tJ3U5GVw2SCjpsX9nZLfnhoOxcY6MU2ZF4JQIgSzJjiRaM1xGbCC4tZg2TQqgw8FIQpULuKa6fanlEraw="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.29.tgz_1513145490246_0.6552379333879799"},"directories":{}},"0.5.29-dev.0":{"name":"harbor-ui","version":"0.5.29-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.29-dev.0","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ofnp3eqNy1vdhzsdXPQ2Qlwfm3qzBlU0eSewImC0TzbhQY2p8BEzjJ3uGrhsk6bA6E2ElBu87ma5X1zyCe9hOg==","shasum":"321650fb56ade0b225f53b8617c5803a8024e9cc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.29-dev.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDRUfIoEd8bhUKlqaXKWrgh6seljHNx7zkeZkoinHcedAiBHDUJobPI/YrahTHI8rfUdQKgLeS7wtF7vVFqgPtxfyA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.29-dev.0.tgz_1513146453298_0.30116540007293224"},"directories":{}},"0.4.100-dev.0":{"name":"harbor-ui","version":"0.4.100-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.100-dev.0","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-J8MCEqekM3GPqc9shK/1LmKCc6c1YrZZzBTeWOY11YJO/6F7c1PdTZ4NmQ7MAVg6amMvOLvDPyAaTKf369OfOQ==","shasum":"aae0ad4ea0d22402a182f48cf3d5a3bddaff3d83","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.100-dev.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCtxVMgGwtCVloLzBGn/OQ8vuC2uc63aopajLrAJQr8SgIhAN8r0bEnHdJClV0BWbeie9yPuKOpcD6D8zaprVA3uwOz"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.100-dev.0.tgz_1513147194339_0.24587356741540134"},"directories":{}},"0.4.100":{"name":"harbor-ui","version":"0.4.100","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.4.100","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-XT6TNTayJWgJ9wqr7H3Ba48jty/8MYy1wdUUemSSMPhxK1XUnit+2ColvTuUcwgEXI2MvSisHpH/HgmmAftEsQ==","shasum":"d033954e8e8cdc97018d2d3e32d239ab4d907ff5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.4.100.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDwRqqnE3xGR07cr8Z1e5liYqU6FToRiiR+QSPefvUTjAIgTJkqaM/apTMpF5m9vcbZ24P8DLs8l5jTsr9bf+CMUuc="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.4.100.tgz_1513148047184_0.9712220882065594"},"directories":{}},"0.6.0":{"name":"harbor-ui","version":"0.6.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.0","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-uJK7UgQBEZbHJTNhCDfIoeo13+IydYEqlYEqvDuIGnqGf/YFzwcozpPyjGcpXb6rPQ+RTdo68OeP4upyV5paaw==","shasum":"384acd05dd21283c879f579e3c5fdda49c8ce61e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLkRGP15e3b8mOGs6MulVo6JMzMS3kv1nLf8wHir+ISwIhANk9voe8OaDvVPkyEN8VJ6RyRoH09w1JB27EErtueyuP"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.0.tgz_1513150531670_0.522268375614658"},"directories":{}},"0.6.0-dev.0":{"name":"harbor-ui","version":"0.6.0-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.0-dev.0","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-vY9AwMZ6JRVPo+C3EcPqFJXu3Tb26DxMiNjOUkWdW625gG49MjmQTrRkpqVN0/fxQqWU51MxJGbCK1J+A5fjnA==","shasum":"569ed673c4eac8b9db10d907e1a25f415fefa4f7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.0-dev.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCInOMrJ/r8Dq8CuTPUxX0lzKisxvvA3flENw71vHY7fwIgLJAvyimIC6PYigG+EQdk88zIz+hTtyX7kSgRJeaed68="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.0-dev.0.tgz_1513163876824_0.15882430016063154"},"directories":{}},"0.6.1-dev.0":{"name":"harbor-ui","version":"0.6.1-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.1-dev.0","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Z3m7J5ZW4gUUcuGI6cP51PN6Fi4+Hj2KE/UkAzWDfy+iT5h9WVIIcoQA86jQhHIJuFmHwESIfitlzl1ahj7Wag==","shasum":"87660cf57eab14d7dfac50dd69612692e9b2395f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.1-dev.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEWjV+8Ju7Cr7iZd0m5s97EJyf5Z7INBN1nawVqLJVDFAiAuan96Dh2ay0uU/wPe/etsd5WSfdJ0DUUm7GJMqtDutA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.1-dev.0.tgz_1513163900578_0.7801308038178831"},"directories":{}},"0.6.1-dev.1":{"name":"harbor-ui","version":"0.6.1-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.1-dev.1","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-PbxOgvMjtNQ+dSIXeLGkY2qGc8+HVInnL8ghenVPZbsQ9fihRW9NOGvCV+ihl48GYXKMjfOWG6rYpXoa+0yAgQ==","shasum":"756e9365ccf8b3a26c7ea64a88ae190cc3b32928","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.1-dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDc6xBIBAy3TAMklDbAJBnFEiDUHK0qtmZAhDWQ72rS9wIgfLWDzzY82TJoKOJT7k68Bruq0mTxfODe7zfKxZkGi0I="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.1-dev.1.tgz_1513167882065_0.7119148159399629"},"directories":{}},"0.6.0-dev.2":{"name":"harbor-ui","version":"0.6.0-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.0-dev.2","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-QEvqxTbaW3zvCmuPaXdIKftyEqQ7xxJYpbisF77rxodY5ev/RiQd+JjZqlVj2+39kTo9EupQ+6syxGyto4PvMw==","shasum":"de7a3638b1d9374b6d74345bf4a6e0aba1184ba5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.0-dev.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDHoJMq67u6Xm4AlXA0n/xQfYvhsa0i8kDO3Yh+HlE+CAiArpr1Z6mrxHL7ePVBr/aliJiXwH4CF2rinvoaVD3B9zA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.0-dev.2.tgz_1513168565807_0.3758141058497131"},"directories":{}},"0.6.1-dev.2":{"name":"harbor-ui","version":"0.6.1-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.1-dev.2","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-wQscD0UmAlMFw91yDRsVA+dMtkoHA3LaTKZBOuGTRlt8gxuvTEEtQKEM/bEL0MDI6tijmHiafL6njGeZTZI1ww==","shasum":"460e5ebbd45cc1fe3d965fcf6a4af6d5f24597e6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.1-dev.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICPxc+zEH7XYRlgteoOFm1lH3GsnYl+xr9i9JZUJmasmAiEA6AUnA6VZgbixEdOKLH+kKsmnbaXNPB+TBRxQKJcfNRc="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.1-dev.2.tgz_1513168642611_0.30909426254220307"},"directories":{}},"0.6.1-dev.3":{"name":"harbor-ui","version":"0.6.1-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.1-dev.3","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ezyewtUB+l2UUf89Ew5tatlKcwUMjRNNsqR1VAv6uADfG51/6BSJiaZRmfeWQvEFRUc/NaIiN83Fx4acKuL3/Q==","shasum":"09c2611c4420cb36a9bf4735fa9e2eefd6a5cd11","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.1-dev.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBlXMJM5Z7pSIyVqU3krc//8II8jLpAP9Qi+coZxpK2NAiACT9NVrX4QJ77Ey/vnVn5Xmu+8IGpFB6ipP1UIUM9w4Q=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.1-dev.3.tgz_1513170390489_0.1175816492177546"},"directories":{}},"0.6.1-dev.4":{"name":"harbor-ui","version":"0.6.1-dev.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.1-dev.4","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-0mkEsEwKI404G4ahPpPYka6b1iOMRSB7Gk3iBI6pWza6Trp07sSx2Cj1hfWgsXsCQYEF0qMreWAmfmiiEVh0Ww==","shasum":"eaff25fac77b5ad05c8eefab810c94dd022a5455","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.1-dev.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBS3TQ+Qttv5nbLYEOAX098+ftAbrzWRCla1MkOsw52pAiEAxZalq9p5qPmuT66T3bA1fLQl0KiIV60G0JucXL4AIEY="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.1-dev.4.tgz_1513171332843_0.7716574121732265"},"directories":{}},"0.6.1-dev.5":{"name":"harbor-ui","version":"0.6.1-dev.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.1-dev.5","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-7cRKX7GR00WOjxRKU/0IoPj5sh/l6JS0GP5PKjtddXSDBj+wHYzd4uFbz5J2UU2tk52h2SRRxsK0miFcj51eqQ==","shasum":"d55c022fb1a0eac4fe5d140386c0cf4c43a7550f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.1-dev.5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAd1V8mg/FBD7jdegV3Cjsbasj8N0+pFAc76aV/z8xXwIgGqw7AmVPbTuw9My3fhLthw/XubcIahRKW3Il+V1ip0M="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.1-dev.5.tgz_1513232667397_0.9360077388118953"},"directories":{}},"0.6.1-dev.6":{"name":"harbor-ui","version":"0.6.1-dev.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.1-dev.6","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-V2VEl0re+nlZeeoNWeWupI0tfF/bVpkobxtBuypF4YuE4uLpt7TE6GYQL6yJ3qJh2mi0U+PzNg1v+tllbXbmNA==","shasum":"097d7ed7ed2c15264f32db50c4b755b4dc274a60","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.1-dev.6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAY4a5+i6YhVDBgsWcv1shuOWzYlEj6Uai/xXU5RBFRhAiBHcMePGYUCC0+gTBSilmTooyrQUo5tZBAvdU+zE6LzIA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.1-dev.6.tgz_1513233157252_0.5159558677114546"},"directories":{}},"0.6.1-dev.7":{"name":"harbor-ui","version":"0.6.1-dev.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.1-dev.7","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-XFvplaITxkoSUJAoQeyxgCudUzSRplaOYMbViCAe2s9HytRRopaqukHtxdZxbkGPhlww+kqWB7OWhk+K8AKejg==","shasum":"e15e2937a0fb05c3f05ee0026bcafc7681bee4aa","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.1-dev.7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3PmpVOEqNhXO0Sbyhiq+ej7hke/MnHd6QYKRaAMtynQIgTtZTkq5H95TlL7x+v1bvroRvFgLMtn2Te/nwuR7u65g="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.1-dev.7.tgz_1513326454171_0.49799651000648737"},"directories":{}},"0.6.0-beta":{"name":"harbor-ui","version":"0.6.0-beta","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.0-beta","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-er5e4jWuXA9SiukjI+DRGMKJbsbxkyqftNMcdDd0UmMshfEj0jPYsA9ZdgtAaKsZOA+au98UQkFLAXNP8JOr9w==","shasum":"ff7c941e5f78b52f8b6ba842395c77ab1a0fcf5a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.0-beta.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEy6xzUUJse8hinD17hVhCfbZq1ZZ8ah03NnTWDYni7AAiABObDdIoUILu7rpT+GCToW2fRfBKW9umMiaEihWndKFg=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.0-beta.tgz_1513337095866_0.4257226549088955"},"directories":{}},"0.6.1-beta":{"name":"harbor-ui","version":"0.6.1-beta","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.1-beta","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-p63GJOAA3BSoqvm2YLCGMWmi3bHPqvnRdLN/hYkBhQud2XlffpBUFXje1IxkNqSLQr7ZpDYTXVw/89q+avVqPA==","shasum":"0046afdf6702218137afde5d09602ea10518a04a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.1-beta.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGjUA0Wa42Z8GNVgpbQiRNd3gfa6i9cQYYX1Yj/VPIYgAiEAkxBlJmXm9TqvxMxsDeLrLi6a/Zm+gyd4qhLZ/IrBkMQ="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.1-beta.tgz_1513582569835_0.657502610469237"},"directories":{}},"0.5.9-test-22":{"name":"harbor-ui","version":"0.5.9-test-22","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-22","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-vg3835CKOkgISvkBdgtu/pghNqRZZcGOq874N7h5olDYkcoMS0JFGYFrRrEgoqKBpSeBGhrg2GK2ZtJmw96Jmw==","shasum":"56f09d40e7cc009da04326d45f1ae5bdba62d2b7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-22.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDtp+uIZnh4lQ1pahxKdfhj6H9q8IHN5HCbZFHxPl7ZAIgNNavMOPgu7c6z4GyAxQqxlwuvbNQPW8FtvR/QrNCkVI="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-22.tgz_1513765846423_0.5086563576478511"},"directories":{}},"0.5.9-test-23":{"name":"harbor-ui","version":"0.5.9-test-23","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-23","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ncPo8p6vcI1tlEvD+pUqD6SZpGanMbUoiRB8zT7WqglrGkZeceD2TU0Ei+l9jwwZgk0M+o2fZZW0mbnhSEDseQ==","shasum":"d271f052ee796c7f0f096dddc70b198870202958","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-23.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICjS3pO8J1DmGl8BSHPwhbTNFIWF0gvnI4Cnp/QMfnFsAiBnHeaR+H7BvBYcaFll/EiBeWw1mKgD4i2gmm4NIwCh2g=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-23.tgz_1513767133096_0.604486397234723"},"directories":{}},"0.5.9-test-24":{"name":"harbor-ui","version":"0.5.9-test-24","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-24","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-0YwLZby9wjIHoj4FyJr2bfn/Ns/lOLfGrFLkqPyU0I99bysOSnU2+8sppsf1czkvk0kt3Nb+MAqB2cyvpKg0IQ==","shasum":"e4c6e86b9feff080e29ea5ad3dd933f6e1fd7d34","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-24.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDvYqaEdg0pBw2OTeMMNjpTVOhBJZaxrQBZEwOlvEFUOAiEA0oCGL+Zb3P0kNap1mQqh0oxxmDlbJKCmO/jHLyl2YiI="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-24.tgz_1513769542822_0.6968553978949785"},"directories":{}},"0.5.9-test-25":{"name":"harbor-ui","version":"0.5.9-test-25","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-25","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-oKrJqQ+Z2OPQeGKsgUpsRNGh576t+7SxnHA06uWYPCCQoE/9rcV3QdmPBIrq70zElXIgPlK8sGP76sPT/V2eLw==","shasum":"739f684b540110fde6d8224b2b0de82a44aa39d8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-25.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkEy0aq3U1OIULvc1KoCAp0W+MPepLnAW7PJIlMC9PIgIhAJ+Hnlj2uhMEK+dSVHi24/ci6/k9EGDdkiMfP803Tpou"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-25.tgz_1513771087400_0.21565211634151638"},"directories":{}},"0.5.9-test-26":{"name":"harbor-ui","version":"0.5.9-test-26","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-26","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-xFkGkJNq7uzR0b0BN0Csn3GN+FwSzOjfdwYbNR9+sOERty2CBqcrAHSlytuSoObd5qSBrDKcsUFLJGte8s/hPA==","shasum":"9224faa0c9befe2258f6deaa7f6492e58df2d15f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-26.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHhP4h8UesYemAELvYtFX8yTpiEKCh1WIoE2MbAIMaRcAiEAwW/HeGJHle0552dI8ByZ5GbAp2tqhClwpZgZ+JulVOs="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-26.tgz_1513822544094_0.034300230676308274"},"directories":{}},"0.5.9-test-27":{"name":"harbor-ui","version":"0.5.9-test-27","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-27","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ZbATqpQXbRoTv00oyqu8PG0Kudi6tGVjBbVhP/pGVaBxklZNZK+RT6fJytYQ/q6NZAdZ5WgCrx1MiFmN+ezeww==","shasum":"362f01f35fd17b0a96e86d72c9cb65ff41f4aa6d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-27.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKz5kjcluPiqzf/N1UYqvcRYFPtQMzuE/SthYDm/2ugwIgIENG68XSqv/01mRqB/tlhMET432BscEs+03qoUKsVc4="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-27.tgz_1513824089932_0.06736620794981718"},"directories":{}},"0.6.1-beta.1":{"name":"harbor-ui","version":"0.6.1-beta.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.1-beta.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-GlHIjXOzbm4g5odLv9ot7bq+XWnGgAuFIxsMAD2Yu45QGsOYDtzjyKihAbehMrqNWE22R06nIhYavbaKM8Q87g==","shasum":"1c513fc3791efb135c2e26c71c7584fbe6677c3c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.1-beta.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEkQ97DdtVL0kcPlH7fy7UpcHx29r+2wuw5/2f1Y3KWiAiB1DieOvimYKcOZpOxw34EN9AWCb/bfPFztB34oRaxOww=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.1-beta.1.tgz_1513912845252_0.9216862085741013"},"directories":{}},"0.5.9-test-28":{"name":"harbor-ui","version":"0.5.9-test-28","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-28","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-y1XLycwONvuAvqnycJ/a2sCC0noAJNCv1fXz/5uJ76+TiC/0gsQ2YHRwvNORY5v7HJq5pfVI6zcqdhpHEsa4pw==","shasum":"bd9ab5f69012b52d67ce6e21c04d9c953e4d8843","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-28.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuvQpmEzw4NmM4vC/sObImCGd+1YhMATmxjxsmTMzb0QIhAManPUW4Du8l0zy5+f2x/4H5K32vJPqHZvH/AVEyJeAn"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-28.tgz_1514187099338_0.574492254992947"},"directories":{}},"0.6.1":{"name":"harbor-ui","version":"0.6.1","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-8tlxmuzc63QcUogdJ1KFz3niuIW26v4k6sIIZH5Yhh7kTYc/7GV0d+JJNLYJQroYWi6DXZQm+6mdOMTJACn0Iw==","shasum":"e9b5d74f3b4e9702d960f94fef090b4f60920b81","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAHIJeicEzSnoC/HsGi402pPZd9KS5/lHkHbnSnX1B/9AiBvQ4fd9Ti3WAvJh+2khNUz7T7kcshily9LfYdsElH0CA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.1.tgz_1514187933015_0.31061730813235044"},"directories":{}},"0.5.9-test-29":{"name":"harbor-ui","version":"0.5.9-test-29","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-29","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ikFpqGToAHFUAWiu8EbLWtnIyiOVX06V+VIFfVu4yimlnpYBeGkdeN0c3m3GjOKQ4AzFhcE8ZHNO/jTiIIm5Fg==","shasum":"8505a0b1bc9d839fb723e6672ff31fb3988f4598","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-29.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHwl8W8R47oBdS2nC4WLWC4gnLPiI4Y4pARbohSN63ehAiEAz9u7vElK2+PED0RLalWm/9RjIwuP5uWORlf8PKClUn0="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-29.tgz_1514188490640_0.6494655075948685"},"directories":{}},"0.6.2":{"name":"harbor-ui","version":"0.6.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-2NbPYu+q6CSIfx4BQ4juEZjaV+WcEykpVe0b//P7giaiIjOfQbTDf3l98cdRE/5VsXuBXcFJ5nrDD8wD6mdbAA==","shasum":"554d36ff78e4330d5dde57d2ebab0938727c290f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBbth7FWNG8/iriD2W3a8pnwioU0ObAptxvV7JCuJ6lkAiBWfpXmnk8dDQyPfP8efA3yo0g0RyfmzFs6BB1pfQ5zzw=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.2.tgz_1514189083030_0.14243352715857327"},"directories":{}},"0.5.9-tesst-30":{"name":"harbor-ui","version":"0.5.9-tesst-30","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-tesst-30","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-k1DyHXDDED11a/zAQ9kssqqaiIVu4PvU2A4v1BfGkB17RFSFPQN1T9Giy+aUfXDiAox2qDA83I/sS4Bg2ezcWw==","shasum":"20000ed9af8df9e13e524ab46a39304aac1c151a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-tesst-30.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFU8jj43Ib4kjD8duV54Cqp3QUPh8nRRdgyRxuaFo7/LAiAoJfazbcXRGBjEhZb4SwJnMn/375JDbIqzvoOLYCGVDQ=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-tesst-30.tgz_1514190037539_0.46519332146272063"},"directories":{}},"0.5.9-test-30":{"name":"harbor-ui","version":"0.5.9-test-30","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-30","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-9qeUsNQeOyF52aEiShmrEJUSusStgAE/K3bNM9pA/WZ/UQlD/n0dccZGnBqaXmKq/0dUZClFgkHXV1frz3lxzg==","shasum":"bdc6574e6d63d75cc4cf4b206f6caee763e1b0d8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-30.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDR2qn5S8WM8FvnADo76mP7DfIeW7j901ii6cnw1LCshQIgTMQnIG+R+SLjO5g7Qf2Qzm7HuMVEdBAIMc7TVciWM44="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-30.tgz_1514191575595_0.21977656288072467"},"directories":{}},"0.5.9-test-31":{"name":"harbor-ui","version":"0.5.9-test-31","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-31","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-rJ1sSAPpIKYvT/PHLQlbk0g0i8uujnniDiLl97g0uXVKL12vRcWIJQHo7eYwsYkP6qRFXEsLaGmuTSJ8+qLutQ==","shasum":"9764bc494b0fcf0a8d0b897eb79c6af07d18f6b7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-31.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCiqnP7RSzTwuW3sVgP9+M6TKnnRTPOzVHFWsl4R/QZpgIgTJjZ0IWF23ZQ3NFNCa0UjjR6GekJXVPTSZMoYvcZAOw="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-31.tgz_1514192160965_0.30480808042921126"},"directories":{}},"0.6.3-dev.0":{"name":"harbor-ui","version":"0.6.3-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.3-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-42+hID7JE2rimbukLC/xc/LcFy2vl8awn9NHK9hfvyPhvnSumMEMlzJLHfTAPTqh9fi+ZjveY05ciEQ1W4SarA==","shasum":"6ca7eb3e9a7663efc3656023ab06c31136fe9b91","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.3-dev.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGvi0Km2WmNmHb2xcw8zeEWRluEumx9oNozCYvP/YX+qAiA4iJFc0jbfPS1vEK5y+cYmcHvV9ClG1Yydy4qFHTQ/TA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.3-dev.0.tgz_1514203631854_0.6344012247864157"},"directories":{}},"0.5.9-test-32":{"name":"harbor-ui","version":"0.5.9-test-32","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-32","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ulk/0w8PLx/WqGcoRxDQWQejIedqvZsNfvyKtQRVdjdcHoogCX4Prm1UU/21DrU+kd2OLP9CAetNrEY3ukadWA==","shasum":"b79095887e1d23912db47ba1c103ad543430b0f2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-32.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHB6sX+uSV1BtCbiTO1LIQIEjuyn9AayYh1OKhgutxc5AiBtJ6GQhxyUDaDBDCFVxZUWUiLDRd5l5L/a+HnXzZ5/UA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-32.tgz_1514266712934_0.4065742753446102"},"directories":{}},"0.6.3-dev.1":{"name":"harbor-ui","version":"0.6.3-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.3-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-JDLnK6uGM0S9ITu1zoXnmSPFLujnPsra8c7Y+nimw6kikt15r1zs7H8nOXZp6ajSP6wzlHEMdeSlIkSctNF4PA==","shasum":"f4fc4f20058b6893d15519717304c98be610668c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.3-dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID6QTsQYskrTZb0yi1m92N0c2x3G5DtLGD/rkiin0sadAiAWCK+USNQ10+ovaOnovcdWThRGP2xyLebxR6Bpz7MGHg=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.3-dev.1.tgz_1514267304698_0.11466670432128012"},"directories":{}},"0.5.9-test-33":{"name":"harbor-ui","version":"0.5.9-test-33","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-33","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-tY74S2M9ldUm0pDYeK+v08EnG90D8uaznUKJjOYCCme6lRGJNdbRT5K4PBB9ceqe9GLG2uNkZi6LyPqXNrjkqg==","shasum":"e50b28fba0250ab62810429b3fc046ea87d6e1bf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-33.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCSQ2kzIV0BUuQ4sBmz3yWa8xaVDulbFYXkQi2h5Alt7gIgFjd5DyORCqGrnyG0KFFZMR6UpU6S5p+tOqd9j04lW6w="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-33.tgz_1514269130149_0.7823773389682174"},"directories":{}},"0.6.3-dev.2":{"name":"harbor-ui","version":"0.6.3-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.3-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-4+lrKyGywyI6JT0jVpjzlr6hdbdY3zqfcBYqC6isQewtPv+pD0XOb6yH+4JMHpygziewunL3aigX30T2yybnwg==","shasum":"441d9caf0a03de41b82c173fbf19ff29a6718194","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.3-dev.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYrwcp79BPr+x2LWNbR+kmh0tZbalLxKZOTKI2Pj/46gIhANgdzD/CLSuQOfK36JWdHujc7hB0OCtPL+UyCodz2o4N"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.3-dev.2.tgz_1514270249399_0.8787552318535745"},"directories":{}},"0.5.9-test-34":{"name":"harbor-ui","version":"0.5.9-test-34","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-34","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-t3uMFtdC3fsRHGxN/BdEcCHXX0F2oEzXeVj20VIxr3B01AW939b75nwkd6KCpgnFpEwpDeYfCAbLYPweDCTn8w==","shasum":"1baea51a3520b0f31e06c98c694bc72f36827a04","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-34.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEEoTcdpslOlvckbOBy16JxQa4g/MmRNJI5zuCvr35h0AiB3CNUTrodLk/CkE0IwKtsxoWFhj5dCMn+PY1Oe3xmv6g=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-34.tgz_1514270311111_0.29574193875305355"},"directories":{}},"0.5.9-test-35":{"name":"harbor-ui","version":"0.5.9-test-35","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-35","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-twl+Z5ka6o44MhTiQC5C1sFhfMDy9Svluqmw+JohxVAy2TYyMHmI5QYOSExkndc5aMuvetDtLzP0zfpWjcGP0g==","shasum":"e93620999bd226f2824dcb73228904547ee72b66","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-35.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjg+eD+hNDyqkwpOll0MkJ+3SUlnMVZoF4GX1LztAArAIhAI25ArnpHkc0utvM9MRw9hubg9GdhDiLIDvmBXtjaOeI"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-35.tgz_1514270699390_0.11215190892107785"},"directories":{}},"0.6.3-dev.3":{"name":"harbor-ui","version":"0.6.3-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-markdown":"^1.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.3-dev.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-LSTTbEH7CbXBkK5odwgB6SU+6/jX7bkyzZJGRNw0F9NQNP4mQfS37VL6ZncA7Lcl9tbY3k0siyj9Uv2QRI8ILA==","shasum":"ee1cb45eedc5e07f436deeacf3a31922fda09a50","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.3-dev.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmUSuza//GzMj7F5XUt8cqrWu3Ot5Mqp/T4QknfOUTowIgK/LpjDrv69yj1T8SLX/NGV6O4OULT8CQZ7b4iwaKzjM="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.3-dev.3.tgz_1514270760221_0.21884153643622994"},"directories":{}},"0.6.3-dev.4":{"name":"harbor-ui","version":"0.6.3-dev.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.3-dev.4","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Y9ecr+V/dAxg7fpfAFy8HeRNFm7fLyo3hjOzT4XIbKj7qNchR+afnBZoR7FTMHr4aWRpnlUDU7sPJB83VXRA3Q==","shasum":"c8d4b3bf368f8bc6d9024f4e9977ac6cb4f59636","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.3-dev.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICwUb35BRE4fnGT35KtXng+ugLkDFuYg/kItrjGow63OAiEAkoKsgTeCIru/d4i3gKqowQeDq/fRTUaXjt9NqOou//o="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.3-dev.4.tgz_1514271185876_0.3568006525747478"},"directories":{}},"0.6.3-dev.5":{"name":"harbor-ui","version":"0.6.3-dev.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.3-dev.5","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ccEu5+T5rX8teCQ6RRLASCoOElVJX9NvKLmrC66C+954chrpvdzvVT+ydx+awDfBwej0tDCfdqCE7Yabztq5XQ==","shasum":"5aefedfa31337b019eafee80be06a103374d9bb4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.3-dev.5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCFXHTF9kWFu8T52azEETs/3oYOkeQaNdSjRYAO5XfmFwIgA8c++9JjFgIZwT1Lx1c84LL505DJlIl87HHWOTYZeUk="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.3-dev.5.tgz_1514273353133_0.056611486710608006"},"directories":{}},"0.6.3-dev.6":{"name":"harbor-ui","version":"0.6.3-dev.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.3-dev.6","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-PI/fm0xGxf9beGx/hwsWnApUtOX7DZfhjO6wi+nXyc8qS2n1LtUoz2z96Eg27HbwWPWjvMXsctV7/FftFerbRA==","shasum":"6fd1488adeba46340ae3dbf1eedc2fdf41470b57","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.3-dev.6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGK5mwxM13u7ndxIhj1uPtUV3QiZLb9MibM5ewcAAVOgIhAI7v2r8hm7PyTKcK//itBHPlaOlWCYuYNLgmMQduu6D9"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.3-dev.6.tgz_1514274618767_0.7008068913128227"},"directories":{}},"0.6.3-dev.7":{"name":"harbor-ui","version":"0.6.3-dev.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.3-dev.7","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-8WpOMr4Zjuvg2uDM0I62uNdhKobDBmd0Iv43wLseAt+p/mHTIPw4Fjk7o9GlQ7pfp4kjIF1lM/H9+xbho4MvWw==","shasum":"95b8120d1092bf65b3e9ad667ae460dddf8f977e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.3-dev.7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvPbAyq0Krx/WXwWtZ2oUrkfV4OpHktFQqbTOtcN6MvQIhAKIVxBWEGcayZQR59AqST/AUgYGNr6uoRQrITzPuAAZ7"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.3-dev.7.tgz_1514274668474_0.3248451685067266"},"directories":{}},"0.6.3-dev.8":{"name":"harbor-ui","version":"0.6.3-dev.8","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-markdown":"^1.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.3-dev.8","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-TJmbVSOW14c7vQ/txkP7Ji96j4CJP9jotHpPpvHLZCmhQRgs1nLdMdnsMPz+oVBUXGb2pdha9x0cVDNOt5S9QQ==","shasum":"26401a1f12f516b862dda4d591c5833877869719","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.3-dev.8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMNBgSd947b/gCLlUz50QQLonZCjgeAcxpvSoiTvAeyAIhAIBHfBDdaoMs+jo0LkWSbB3wg7tgce+l8NzHU+AgFEjW"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.3-dev.8.tgz_1514275943177_0.39302704902365804"},"directories":{}},"0.6.3":{"name":"harbor-ui","version":"0.6.3","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-markdown":"^1.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-hdyt9laASqDoX6ehG8pGSAdJ/p8OBnr6HaBYw9Aw3i6gQ34o5saSo9PIBkwMLeKlWxrlQ+6DyrJ9vv/c8SCQRA==","shasum":"24e3807c18f9223f679f8db86e9cd84587e791aa","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDDOiBLsyBIHHQ4yLfmpp5eriPraCOVBMfcH8YZbEXUUgIhANsIvBm101by5Zrwcnyrk4+RpDC1e+lo5GwH615e2cUy"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.3.tgz_1514278976859_0.1614837283268571"},"directories":{}},"0.5.9-test-36":{"name":"harbor-ui","version":"0.5.9-test-36","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-36","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-VKSdrjvgGekIQcaGT8WY2vtZadOe4YBB3/GmnlFYiiR1v+UDQnCuWePxNyrzYkcQmXaE8DV93W4AccytWEE1lg==","shasum":"78a35480cc26015dbc7087130fe504d07749af52","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-36.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDS2aGFx//Ey6qT8eU/3dBEhRfCez8ZR/2gAtAWqxbt6QIhAPf+zL1Yf0rKJ+m3l3qe+Gam46M0BgPtOBNujZCdymop"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-36.tgz_1514297546305_0.9362660583574325"},"directories":{}},"0.5.9-test-37":{"name":"harbor-ui","version":"0.5.9-test-37","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-37","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-J1Pg2QOqVhWgFs+VflGxWinFFSA8NQed+9/182muTPxVjKSA0Zl4SWO4FYR2s8XHILkxdLibfzwaqKA4T0vdyg==","shasum":"95e184d5481d478f7f506a1f4a46a4786d26f778","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-37.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGXQT/dXBJn8bZWgma5Dx6gTtc7XjTX2qsXlG1MtnuipAiEAxVKbZJp6DoWe+2wBL9nQw/wif6ftbjMXy9dd/41Z4lE="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-37.tgz_1514298099976_0.8946738983504474"},"directories":{}},"0.5.9-test-38":{"name":"harbor-ui","version":"0.5.9-test-38","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-38","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-np9DJ/o11xcf2Bfift0aqeueK1c6mtbzahj9VNScNXPM5/TOITqBiMEAWu82JY9ObZMSLxgSWiCGRRXqEPafWA==","shasum":"c0b960fca6abd4f96502ca44fdfbd28233d4c26d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-38.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3JZwcARLAxFLguqUWCDnVeDz1SUt5zpQvblZ2uPcbXwIhAIJ70iRMh9xi+z67ImkdWz7oOa6PlD6rjyT/d6aYDwKx"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-38.tgz_1514304776242_0.969454170204699"},"directories":{}},"0.5.9-test-39":{"name":"harbor-ui","version":"0.5.9-test-39","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.5.9-test-39","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-56Aeal37+WRLpBrNk+FPjTZbpzi7UNpIWj9aPg2SbC0UsRP4idGG7Fep4EefjjfZ6WJ2ojjd5X+byTEokxti0g==","shasum":"43b597c242383e218a44e69da9ac1751317c9bd0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.5.9-test-39.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE4FjbG0r8hjyAx0TVt9shqrxvQzoGgKUBBjcwB2+HyxAiEAhL1wEI2sGdNBxV8Myel/V893YTLysTvV29VSIAJd04o="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.5.9-test-39.tgz_1514305277525_0.025426334468647838"},"directories":{}},"0.6.0-test-1":{"name":"harbor-ui","version":"0.6.0-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.0-test-1","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-f+MRgFo2tW2cSbYT2ce7/NjLeoAO3yDuVAVBrsTFuuWZc84HsO23ljF/aTgTEUSBG4z4+YlhpuW8xlg3XCe6kg==","shasum":"d39983dacf6ead23f9cb9a029071ceb996f690ad","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.0-test-1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDONNWT2L6uHaq3iTDgStWLbv0K4axOF8ENRxzFd1u/SwIgP5PSiqfyHjlH+sKREjPlDAW0/jZMytQxD01KNtTLzYs="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.0-test-1.tgz_1514311693182_0.560359243536368"},"directories":{}},"0.6.0-test-2":{"name":"harbor-ui","version":"0.6.0-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.0.1","@angular/common":"^4.0.1","@angular/compiler":"^4.0.1","@angular/core":"^4.0.1","@angular/forms":"^4.0.1","@angular/http":"^4.0.1","@angular/platform-browser":"^4.0.1","@angular/platform-browser-dynamic":"^4.0.1","@angular/router":"^4.0.1","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"1.0.0-alpha.3","clarity-angular":"^0.9.8","clarity-icons":"^0.9.8","clarity-ui":"^0.9.8","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.0-test-2","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-pcnDb1F8t4eZ9gn8BLzCEKG9Ak0odVezR6MCHTx+1ie8+vRtDR5Q53RBkTE2kj9t+RW7Jz/HrVOaSU8pnNyILg==","shasum":"83ad470e1ee816334aab907fdb55881a4b8fad46","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.0-test-2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH1+etytR46OgsRv50Tx7iF/x7aUngGsHm4b3HBmjcMlAiAoaa5Ae3KAEt4OVxPbdNDjFTPDK43oFjWLLVk49tjnUw=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.0-test-2.tgz_1514338580726_0.4950550217181444"},"directories":{}},"0.6.4":{"name":"harbor-ui","version":"0.6.4","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-markdown":"^1.4.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.4","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-yzTSAfF1kuvRCEY1Fq6nIZ7Vou8/hVLDjqhJOX9cn4zwFLwNLDgqsHCxhZwZf/Hgo25XUZ2IiEdsjUdrxXlNCQ==","shasum":"a92d4e91cc63b0a118b0d84918febe9af1018464","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5JsfyoLKgl7wn/I0sEffasR2KLLoD8G5vfVocI/yWiQIgaUWnOOgqLAePtY5pnUbyg69gjpLm05PR7A56JMGxrak="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.4.tgz_1514453128526_0.2343041286803782"},"directories":{}},"0.6.5":{"name":"harbor-ui","version":"0.6.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.5","_npmVersion":"5.0.3","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-8vXcqDa/WwAAXN+WD7TYp2gUAgV5NVAYm9SUVr8TaRM/pU7d3SfyuZXyIhfSeD//F9qFOT1J+Ss8FtcUYnMbMA==","shasum":"d5a5f720ec879b79f94432fe6ac83a2c37658b3f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID1D/Yu6HW+J7rGJzrJFCDJk7EeaZWxUk3bNH5wu5mYuAiAC7Dfv+lSpxLVvp1kn/Q6WdTiqSIhBF5mQl7mgbL6njA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.5.tgz_1514453863546_0.6502500043716282"},"directories":{}},"0.6.5-dev.0":{"name":"harbor-ui","version":"0.6.5-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.5-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-A7zOuiDDFYXyRWaUDBtDreV2ujDPvklm/KIAJkOjb1fQ3ih7+qtfTsAaM5Tz9bnapNJ1tC7FfDzMiLjb6kC0tA==","shasum":"c7b4ba381a5ce7cfa73e2bf67ea7e169ab1004d2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.5-dev.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7F37uf5n2bU+ipnEGrqBOmTqAriR/v3YknLUIudBN0wIgNrFC+2OUqU4j0CchuWjah8UKdFPXLVSweyIl2tSrsoE="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.5-dev.0.tgz_1514536414208_0.5474904321599752"},"directories":{}},"0.6.5-dev.1":{"name":"harbor-ui","version":"0.6.5-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.5-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-RutRo0TyYA2JqMn+2ZzM9iuN25W3FA/6wndJRkinzSFmLJ7QzTVd7FTJAN9KryX87K+BK7iwj46yJ76JqP7kwQ==","shasum":"58896505d2d37287f762b64f9a88ebdbc47c4dea","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.5-dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICbPwQQX6SJ+NjIf3Qaf5iLBpBWhj9DYNemVs3uFQWoQAiBtDpmL4l1mg8GHMY5oa+BTqeATAEr83EeOogjuSKTNFQ=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.5-dev.1.tgz_1514544904605_0.6404328024946153"},"directories":{}},"0.6.5-dev.2":{"name":"harbor-ui","version":"0.6.5-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.5-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-/f03AROGpIlL4MfXe/if0zTYAKR1umB1a58HjoyMtOVIfBtqxLecfI3+KSeED0W5WxMAHJwY1cvc12EltEKogw==","shasum":"d3c8b7a090d9adf4138cb2375efa3dc1d84d48f6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.5-dev.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBs8B29vIErEI3Nip65/o32sjSMyEGITCO/a/QjHyT5OAiBwXGNNXZZ1DaEN6c/ji6Bdw8RuJ5xKOYk10E4r6c3Jlw=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.5-dev.2.tgz_1514548479876_0.3066686491947621"},"directories":{}},"0.6.5-dev.3":{"name":"harbor-ui","version":"0.6.5-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.5-dev.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-qDKioLXi0fOaUc9REqkvyKxAUQjmIDJtDWr8RmxhyCWbXsPMaBnhTid4MIKZ+98B10HT0t8MqFup2eQuSewB1A==","shasum":"72ba24931cc1bc01113836806361f724d05dc191","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.5-dev.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICi3G8/rBZICs/Il/ap3Xb/uoO5668WXq+wweDHrfYfXAiEAvH7w3U8b0nGjdLwkyo3N1xn1u5qLkxl/RixZunKg7ME="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.5-dev.3.tgz_1514550870270_0.21470746723935008"},"directories":{}},"0.6.5-dev.4":{"name":"harbor-ui","version":"0.6.5-dev.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.5-dev.4","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-agiUPDcjileSLjEypMLXjHvHRppEyf/afjzxhCTJ+FW3DUpg2gs87b/Zk1QrbWdLqP+8Y7rnEc3JXHQTH4GgMA==","shasum":"828c68c8f59a70fb3629149b2e6bb95e8ed26b18","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.5-dev.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxLDQ0Xk5wdJvGlz6448MNlja1G082bzdR54uzcbv7aAIhAMwwASwIXz80d5q3BeHIkyTntu0JKmB7ukhHIdLPAGSi"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.5-dev.4.tgz_1514888818010_0.19167478918097913"},"directories":{}},"0.6.5-dev.5":{"name":"harbor-ui","version":"0.6.5-dev.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.5-dev.5","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-qTcUK6NB8NGqJL5IoGVGYesTjL7B+cmzqCJNM9ZyfRe/uWuJv+tKDBscfRO+y3HKTQTQWzknUNiZBbsVSeRk/w==","shasum":"ea4a1a752fc634c7e64e125d341cba7de65acaf9","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.5-dev.5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGoBa7FiEUd0ZHhBdRpiL72oFj+1oGhsoPhi6g/Wl8aNAiEA5Gxaw5FMFFuLfEoH1ATZUgzEnUosCfHF1FAGiXowXws="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.5-dev.5.tgz_1514955009582_0.9064622987061739"},"directories":{}},"0.6.5-dev.6":{"name":"harbor-ui","version":"0.6.5-dev.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.5-dev.6","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-6FIUo7dIO2kJrAdNIvv2RneTcT/dY0OxsKzzx/F1GJK6A1tlGCUXr49hqUyDYQvgepZvv1gu0FBGG9rDQ1Mg3Q==","shasum":"c835f8be979b333497c2956fcfa99e4621db71bb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.5-dev.6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRBqx15RWKxZjY7id8Pd737l1jQOuDRjW7cdYIH7zwFQIgIhQ22A21RoWb7P8SLvwfjdlA+45FQS3viNo2LshsOu4="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.5-dev.6.tgz_1514956388454_0.05385197116993368"},"directories":{}},"0.6.5-dev.7":{"name":"harbor-ui","version":"0.6.5-dev.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.5-dev.7","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-9eAKzL6mibl3aOyEtVqzM3M0u5thphYUHkRCVQ4CPsjVer9kn+/u1mbtW4B9kdsQRLH/4z3Zf05zAZUKcyqs/w==","shasum":"fb0fb4644a30fac87e514bbdf428f7bc7b5279bb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.5-dev.7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH+NjEwnNd4pCwBT67aIwpM2TEJHuxZEVx9WME9mxvrEAiBhcSCX12b5ThQcx8z+hXkFgcIPzKm3D2ZdAeCYQMgzMQ=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.5-dev.7.tgz_1514956717791_0.6897765235044062"},"directories":{}},"0.6.5-dev.8":{"name":"harbor-ui","version":"0.6.5-dev.8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.5-dev.8","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-iVnKsWFx3QhzXOC+5yo2bMlFvvI0vq0sKy6lFWxncx9WC6dzajg/fqz+S9zFdspKMHwQPYlYTdO0+tHq9c67Iw==","shasum":"3723782e5e996dc3024cc2e3575b1e1657bc3e72","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.5-dev.8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzM28MdasfGyW9gwkaGCQ48PWDPjyL7+n/3ImXELjG5AIgYpD2QeRnLPf/N0gqiuNRXR8BRPSEK7q5R4Hs+cmspt4="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.5-dev.8.tgz_1514958776774_0.20645242207683623"},"directories":{}},"0.6.0-test-3":{"name":"harbor-ui","version":"0.6.0-test-3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.0-test-3","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ru0u3ZjizNUYnzd/T6PPYCkTkgf4l9o/sWddi0c8YnvfCXkRxxUmr1Ne3+BFHeljYM0WqbPN2OkXiPU5wHjODA==","shasum":"5124540081f88f36dce4bb7be2edb1b55c1a7a21","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.0-test-3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGuEn2hP57AdKRDCutqOHTm4XXtR/XvF8DR6sZ29GuK4AiEAlu0fGhUg7CI5WZKVRfQW4M0JbhhCBA7I3UMW7Z/PnC4="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.0-test-3.tgz_1514964599074_0.8597479411400855"},"directories":{}},"0.6.6-dev.0":{"name":"harbor-ui","version":"0.6.6-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-HnTg6Mkvvb+5gled+tpJPFjbydPSJ0M7fRRJG45BGipGaqIfdyYs8881yi4UrZv/8qZ2v3ialhwgQgDTFkEcoA==","shasum":"2449a17c61f8abd7e6569b07bc6aa1a1a1f6cec3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-dev.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDEr6cckCU3wehkrCTgewL1g6nCbRL/kwXq/05jWuzKdQIhAIBOlv1q0RUuM0SYW31HaGvZhunObEs4IeOEFG3FwF14"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-dev.0.tgz_1514965233125_0.8289346219971776"},"directories":{}},"0.6.0-test-4":{"name":"harbor-ui","version":"0.6.0-test-4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.0-test-4","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-FRNmhdKeyRgQg3acw+Fi5YbD8hXILPGSA9YupOdEREwyXQLwtnS87u5B4AHylqtIR2XqGgMO22DvnhlNiGY15w==","shasum":"7d16482b290840d72c4371b98f6bcbf7f451bfe3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.0-test-4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGh9c8NRuOZd4O+qrS/N5JhpBPth+KCUc1Ay81mySvj/AiAe6GQKj6XQ34t3/JpyCckh+RD4sNOLm9to3h2fbI9K0w=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.0-test-4.tgz_1514965840770_0.782946594292298"},"directories":{}},"0.6.0-test-5":{"name":"harbor-ui","version":"0.6.0-test-5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.0-test-5","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-WCzMtuJfl5VThrVTjE3szUXRXEIhGgwUtofbdQjm4I3F4IsZozypGnhFS4I03YiZCP0n/os3zTh0YR5do/4Hjw==","shasum":"10570d1f4739ae4f86d4f6ee82e7bb66afe6a2b5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.0-test-5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFFZnNMlT8LMCyfOsW7W51iJXhO+l3YkrBTAwMtdOeXGAiEA1aVlPb/eavSZNW8fMg/RpdQOc1gRKUYo/WUtFkl+5+c="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.0-test-5.tgz_1514967241000_0.7910316928755492"},"directories":{}},"0.6.6":{"name":"harbor-ui","version":"0.6.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-vkxKJb5vIksXZWGQ7zpdQdHYK9WwJ9HBm+fLDmqIL9DmGqqwUytwCQl+XkQ8XCEz0HtFfeuankudRoBJMU0pIA==","shasum":"cc32daec07e29d2a1eb6611c05bd14809927a55e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAcSjwLJVAeAQvPYQO6FnDL0nji/utT25B8fM9QbEVhQAiEAoRIoPsYD8FGBBCDzqbF7NdM+gavqHcMytDyvk5zNqb0="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6.tgz_1514971939824_0.30830004694871604"},"directories":{}},"0.6.0-test-6":{"name":"harbor-ui","version":"0.6.0-test-6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.0-test-6","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-3wuw48xy4kn4b2uwZ2v7itOd7S/16jl9RIfDdSuro6OKfjHnq2xEiaBOX16xiC87CPRGJlW9S4opLL6+xYK1YQ==","shasum":"78b4bbfa6d8c3a56fc0f689fc6eb00b8654f26f1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.0-test-6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzCnauC1WinsyWga59TwIxr3kdeB7DH8sCvbjwGBwfigIgeWqr4WSRD5XMC0LMwViAbUOB367cymtzTaExHdaHf/s="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.0-test-6.tgz_1515054155379_0.43077143281698227"},"directories":{}},"0.6.7":{"name":"harbor-ui","version":"0.6.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.7","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-DppOopzogeIH5A+sfg7O6uGURn+P/d5KGRlChZJ5mK1x6DLqjmibXOk0VGbUOW8OJ1sKm0udekfKXBNQDmEF5Q==","shasum":"5e07b574dd5f8450ed786cc21854f04ab5601d41","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJHJ76/q2jZzgWUzQileAn34+plxv1PUDRqrvsDXpSjgIgdsnWoTi+Bw31S3yA9HTC3m+LMWNLNiyGPDobtS/7MR4="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.7.tgz_1515082293006_0.5691289266105741"},"directories":{}},"0.6.8":{"name":"harbor-ui","version":"0.6.8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.8","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-86v5XG+4GefkYC3bwPIAMVFesrNrhEnr5HuDTifkSLFKdYDmu//HRxdkRGLbZlPb+CPRfn4u44QUmWaHqPpwHg==","shasum":"f6d35b480993674ef5ca1c835f1c82f899f2ef81","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGVA3rsdSNc2+flpD+0O23MJKNdQDqn1s4WKg+mlul45AiEAzOQGxafP42f3q8ESWmqzYIlxQuGssrijVwM18jZKH0c="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.8.tgz_1515117336795_0.7118740691803396"},"directories":{}},"0.6.0-test-7":{"name":"harbor-ui","version":"0.6.0-test-7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.0-test-7","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-0zWuSDfeNDLvPzv5pTMBdEJN3tUFEyIlIei+WMsR+J5Z7XP2U17y3D3BrO4Ca0h3WmLY182Lzr2B6J6900VmkA==","shasum":"79df7be3df0821ff48c21d3ea342d8dde1ab5884","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.0-test-7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFq/fjKA9AEVDzr8UYjHTJmLuFQRJ9PvTjve6REXUaXxAiEAo8Pv//dqrpaWyDYD2qmcWQgEBa9n3MNhuJ6ekBd/UPc="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.0-test-7.tgz_1515130310435_0.4414230806287378"},"directories":{}},"0.6.0-test-8":{"name":"harbor-ui","version":"0.6.0-test-8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.0-test-8","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-x4jzzYHYBoTCQFOtcoWGYpuq7Cz3/6aieXNvu7W6f/tqLJa19tgJ/45TiW1i2JjPcluxIAjmjsIyzfHF/iTr0g==","shasum":"98f1b1613a35dfa3b58b104cf410e870f32a17f8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.0-test-8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFiKtjSFnnDXetG6Sy/a97x5NqH6C5LAYtUyvlyHtiRsAiAgkF0q9rK6nwUjvFL+AwXJE9bzRiqfjubNQpZJ6k1sbQ=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.0-test-8.tgz_1515132919439_0.3040640114340931"},"directories":{}},"0.6.7-dev.0":{"name":"harbor-ui","version":"0.6.7-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.7-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-tTMGa7uAbHM5RyejNfGpusxsBb9FUjA/w7RxVYKukgFNt5m+ng29wYOEr2Py7Zv8nJMLeqdf/GwPdzVSavEeDg==","shasum":"b7ceb497b6d77719fb748b1adedf2b18ab16163f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.7-dev.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDWvTMUhmDmy073yCSsvvyfQr+Bc9QYJhrqN+wb0pMHUAiAcVzj+VYKua6Q/Wy3DeEDe2vl9uLiHj5E9rkLaJhR2/g=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.7-dev.0.tgz_1515133460431_0.7555158108007163"},"directories":{}},"0.6.9":{"name":"harbor-ui","version":"0.6.9","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.9","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-s9fXRNH/ZD9p/HEOmGlkXLq5guU0IdXuzrVr6ESLkgX6+pI4eOzhAU2zZsfS6ixN4MeZ5EurJJAlUz8KSfyQXg==","shasum":"4375e5fffaf9afe83dd964c22eff71c0853a2431","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.9.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBzdG8QCv8RO7jSMHaSjLAeNN1LA9xQZmFXoFSfRs/1KAiEAg08UUEuPHSsR7LQ7G17cvpYR6xU0sD2E2JAdmqZTGs4="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.9.tgz_1515133771011_0.9958980986848474"},"directories":{}},"0.6.10-beta.0":{"name":"harbor-ui","version":"0.6.10-beta.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.10-beta.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-yzgTUpiRXDIvv7u0DlHVml2AJIzfsaEgVUI6vtdQ2Ykw7HlaabHzWQWMk55s5y0wgcB+zYWa+aRDl9fQRpg2Qw==","shasum":"efdbf0338547c8a331533d96c6c30f5ddcaf7fdb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.10-beta.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDX2HYarwlKOTD5F9oujXXCconOaoGkEqaEjFK8Ge/2/AiAcBwfPDFGnR84dfWt8ZNytFYx7k1TlCnkk6GiAeI4yoA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.10-beta.0.tgz_1515393006472_0.6567384912632406"},"directories":{}},"0.6.9-test-1":{"name":"harbor-ui","version":"0.6.9-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.9-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-zke+jUhIVAXxzF3yKxSe/3/+eRrsctLKYwUCSIbMImnYvF2bTBWQX7g3fmMqMi45J72zHcg1ngaBDiYiXGwrOw==","shasum":"39e48e6bed094320303ce1f50b861cfddd46f7b3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.9-test-1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICFuZAwHCFE0sL7iw6Jn8nWLNbl+YfSw9dCkJRY2FSl4AiEAjU7Hiq9KWnA6fx1OkRC79ybEK8sOsfNE4F2MIFFNpfE="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.9-test-1.tgz_1515394021019_0.24447611533105373"},"directories":{}},"0.6.10":{"name":"harbor-ui","version":"0.6.10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.10","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-IfDzaPxOCcBjabFc3z0CcbyqnZ4c3Hq1e62ngiKqs2+x+Px3tNdg1EaeSLGrmf1xlGaTLUv/Is5QdBOJxT959A==","shasum":"7b1c78b6a284009bf05a5027fd3308580548d0c3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.10.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwi6g5F7pGodcqEPBWTxoveZqquGsvWquhK1T8Hh6ySAIhAO/7ztk9DzpINev/F+6D2AgnrfSpw0/Wxdd5313GuuEo"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.10.tgz_1515401660062_0.4247817525174469"},"directories":{}},"0.6.10-beta.1":{"name":"harbor-ui","version":"0.6.10-beta.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.10-beta.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-+K+PgpbAZkuC/bYuRRs4wcyxLi8qpSFeGz2TxuGJQRpxXnxj3wJQ1NfxleRNy5tUJ6jIAAyi9cV4IWMCb28LgA==","shasum":"10425e93019b646462cb7ce6bb85d7a2bfa445c7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.10-beta.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD0iW8gELFf80jzdfhNQ2Z2NJa96GoJAS1YF773aLce8gIgDc6UiPNd1LQqr3H6fmVM3a/Ybpae8AktM4XeUbZP9bM="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.10-beta.1.tgz_1515407751077_0.5836268670391291"},"directories":{}},"0.6.10-beta.2":{"name":"harbor-ui","version":"0.6.10-beta.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.10-beta.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-I1Acj9n/aFSbRqQcEAkaflRdZCvVeuIDQ3oGlf55oIKCrkDbdKDxeHykkZcGFk7Xz6k/m4xbrvIESqYVCVYdYA==","shasum":"dda24e919e14cb3d1c2930bc0ec3278c1cba1d79","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.10-beta.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDBBbNHjpsZBpLga13AGwXyLjEkxhC4HskkxyHakc2y4AiEA8TNhYUtrPqUZ1kIWAz5OUZmEYusNMFdp269JAReRC00="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.10-beta.2.tgz_1515410857062_0.3445554345380515"},"directories":{}},"0.6.11":{"name":"harbor-ui","version":"0.6.11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.11","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-DqGaPDCbYqVvvyCl+kZ54jN7mUq/mpD1nZaHIzrJH4zvi8jPtwkkuzQCu7b7ajDzW+X4uxmAziGAoRGsemdqPw==","shasum":"69c03cb2f13a4d3981ecf9d28b2de7f7029e7df7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.11.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICfU0Bjmxfjm/Qva//uYzBuYe9Rp5Df4VpVMyde/B8qHAiAuSPCAQyn2uyPA2QNyVeUpwxRHS7IO3aaqIzezt9kdYQ=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.11.tgz_1515425691052_0.6208438500761986"},"directories":{}},"0.6.12":{"name":"harbor-ui","version":"0.6.12","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.12","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-gIJdA9uUQc4RFlEyIMFmn94JoPo6mJRvFP6B1kzxjt9UFg6PD/z5S8p+7UT/CoPF7IaKtWhTVu9atqyAyjWuQQ==","shasum":"0c1dcda993a8ec57edd7ec48e78c54b4b96a48bb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.12.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIQCkr1A2GEmbBV8oiDFj0Yrlf3YuXflZMH4779WWbNWc/AIffnfQLSJSTJkZ7Af7eQaLhLzxVsUvXNo0c3ZUleaPCA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.12.tgz_1515464217310_0.4783143282402307"},"directories":{}},"0.6.13":{"name":"harbor-ui","version":"0.6.13","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.13","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-CJJFQFlG0dyGHSFJySqaEenVpkc93vmAhat6jQAYSJrFImoQnIxAXadc0g3gv8nsltvjQwQXzGl/NyamOFa7jA==","shasum":"5f503eded858370d1283712125c7bbb0b263e46b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.13.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGouyQm8bmFt9qxPty6l6+I8HhT4xWYZ700jwvaSeZ4RAiEAviibkFMxH4GfhjrRrnLNcKO3aUqOm0zWZCpLLP7HxA8="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.13.tgz_1515464328770_0.8293515513651073"},"directories":{}},"0.6.13-test-1":{"name":"harbor-ui","version":"0.6.13-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.13-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-4BouT0NJMxlQzy2j+W8AondWW0A5XcghkD4U/VTrXKNJmmoXq9+9OE0B4o2D3iDdaXubxxvnURQNDhihP05I2Q==","shasum":"356692f1f8b315685be3a1da92a46f83a9cceefb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.13-test-1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDI+4wUKyKy1nzgbv672pcSUIrW7N1UN5X5DuyK6dCeCwIgEl7eEVYUKZGvyBcSldE3g6BSe+kgaKrduPrJxx9caxU="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.13-test-1.tgz_1515639568274_0.6583263464272022"},"directories":{}},"0.6.6-test-2":{"name":"harbor-ui","version":"0.6.6-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-SkZ92t0bc6ZVaXrqbOQ4OlfbhcfK7OqHkXwOVcqFVRWHutes5GQ8C9rS9JHX7sFFsAh1saMwmP5JFdG7kYMzfw==","shasum":"b81fe8939d97f6a8427513455aa6f20a654052c0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFdFV4iTqI7y75Mz91YDvGz7lAcO2iFM2NHH1/+v4e3xAiAOAkbJEP3wvVWpJZjzp+FC6l5WKpu9nmUNiRHPEO3F5w=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-2.tgz_1515659951232_0.36043702345341444"},"directories":{}},"0.6.6-test-3":{"name":"harbor-ui","version":"0.6.6-test-3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-3","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-jUKQx8JMY1EsTC0BYOoVpvePOsWcCTibILjWcxvAUz8BqJMqdSWL1Zzcgdle4L54Ph3Ce4qcXKKnLjsN61OAKw==","shasum":"0a72f5200ac627245084c1ade96ab410d4b2128f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzem/hSTph+xhIGNDODRJBiXy8CnzTUphh96XVfoeVpQIgKmQ77uKvekWlkGu2Awuk9pgrbMQwcd001Sfog7g2Pw8="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-3.tgz_1515673500403_0.8943258891813457"},"directories":{}},"0.6.6-test-4":{"name":"harbor-ui","version":"0.6.6-test-4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-4","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-1Nj6ucymdQ6ug6HTNVOahXy00mO5M0OGYE6sHModFT6ZptIXwA19hool8IE339HALhPZtBfSQFAdlJp3N9Rthg==","shasum":"a410fafb2b21b264ed45b0d190630e9fe77cd7d5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8BG0WtBSWECU2jriJAnTpuYu/yTBuG6diw3DSbyQWRAIhANoWgTmwMEH2loF1j/xvPE0a41GlSo++ALZ48L7zmnvV"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-4.tgz_1515724982561_0.1086721692699939"},"directories":{}},"0.6.14":{"name":"harbor-ui","version":"0.6.14","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.14","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-pgTGHfqt+iaXtXevCsdQ40r7T1HHP6LGLcujntzJyqJtlPFooJn/wWgjDYJJ82+OJjNxDpmmJxl9AsfenLhgEg==","shasum":"001dab0b0d9089073be2f13275ad3ab3e084fc22","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.14.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGQGacpIDAczKvtGahscauzwF+5FMFT5hg29MJaTg6EcAiEA0j3WWN5Cz0rrYy2oEIfa9LQviwULLbqM/XkJZ9cszsk="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.14.tgz_1515726860709_0.2365526845678687"},"directories":{}},"0.6.15":{"name":"harbor-ui","version":"0.6.15","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.15","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-hoOr4M1MgeYIA/f04CEzFqPDWSgZi773fnzRg2Ki5KkSIg6nAGLl/BnCbHL3Mh0j47NB/arQqx1i+jrKwx5jnQ==","shasum":"91e88847c4933cd3783b64e7763c8398e4c49727","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.15.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNxm++kXz2Sb9J+SIwQiAdTVHuNvQHv9nK3GaXiT8SuwIhAI+CMelLdxZi8KP+NhEmcQ5jMkUTPNL1HycsGRjO21It"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.15.tgz_1515728323066_0.057566364761441946"},"directories":{}},"0.6.6-test-5":{"name":"harbor-ui","version":"0.6.6-test-5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-5","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-jRyK3VAZGAdeCcmhco6gdn1LyNJzrlWujuZ64dv81zF7vskmy0Heb6fjAkh4q024b5FVCb0hlGss1Rj4DumNvQ==","shasum":"a86273f9035f76b219b7feae5da566286d866b5e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCmbOLycSitp5/+LnGmdWkaKrrHtaj/NGHSXw3QQ6go+wIgCzGlZf0mDI5KoimDQv+2NvEszgMI9re3SakMfDUcLEE="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-5.tgz_1515731924783_0.5918242097832263"},"directories":{}},"0.6.16":{"name":"harbor-ui","version":"0.6.16","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.16","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-6LXQjLxk4lXhj5fTgaEA5w23eXQL8SulRZXrhBsmT/q5o8ZCW9f6bKYgEV83WRbHWz+vYai10llHGcO5tWh7yQ==","shasum":"3ddd0ba86f97a9d64f306c400b38977adc4ec7e5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.16.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDq0j/VRgJC/Z/uZKvWyY1xbcarzjpWs0nOq4RzMy12dAiBvsXC97ewO4Q++aSW0C3JgWL6fVlpKzPmPBRRjry/JEA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.16.tgz_1515733267147_0.19565486651845276"},"directories":{}},"0.6.6-test-6":{"name":"harbor-ui","version":"0.6.6-test-6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-6","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-wI56mxPqwArmH0oDI8WFKefMmnZg6AsXbGtbKrq5G0+MVIoPKMxT41DkIs6ch5naO4IkNQRQkbGIrf8ZoVDJSg==","shasum":"8f15031384ae0f9c43880a38464c2c783ec16778","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAVzl4O4plw426ClkiUFf+Th/+gjjTIwiyTHijAH5ReFAiEArHHeIi+bIBIcfxCV9Cs9cnVLbLnQ+QivVlVRB++sAUY="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-6.tgz_1515746055262_0.054050878155976534"},"directories":{}},"0.6.6-test-7":{"name":"harbor-ui","version":"0.6.6-test-7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-7","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-nwiG/gBR0HqSFOzImZjr6P1gBR6kTE6Kny3srrlCB4LXThbB4Y+hmuJShIj2zRqVXPjOkwvOvecIkTOrXYaMVw==","shasum":"2183e5d1f4ea2a351c8f3aabeb5f6ef4d1e36e69","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB2hp/Ct96fK0vDLVp37DDgBpW/sT+te5j4toSJQ58ncAiBSm6SefFjR26RZB/LoZ915VDnChVMHqb3NxWAw56AA4Q=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-7.tgz_1515746471204_0.416271181544289"},"directories":{}},"0.6.6-test-8":{"name":"harbor-ui","version":"0.6.6-test-8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-8","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-1oMNlSgRwwy7lGDmCWhTkUogssA4nMm9PkeykNkeBA7VO3mzok31+udbyFLDEYeRle+9AQ0psyfhGt5puQHdHw==","shasum":"8abd43d0a40d093f14bc72399c4f7fcac96b79e3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIACMPo0WUPryGyc+PAjtPJUcomyy08tRHMorQN8gaW9aAiEA4TYuawW146apk4SHoVE9E43HtajCNCFnDVl4tOy4irY="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-8.tgz_1515746966658_0.05637277872301638"},"directories":{}},"0.6.6-test-10":{"name":"harbor-ui","version":"0.6.6-test-10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-10","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-NT9Pky4D2haeJCcBHV45PBzC+swer4s+FUX0yvjZxGXXjFmgHB79GLcfF2K7XmAt8mtCGNGyCjpUGnm60hu2dQ==","shasum":"6f50e703bcf8d9a884308830e5ada2dbe96e5522","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-10.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCl8DJGRABNhxwJmuq/papHwUWt/XZNF4Yt/7DEGq1KIQIgNeYw5/KlWQQR/pl56qvsQqE8kKmxURE2LWpmwW46WyU="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-10.tgz_1515982319673_0.16484530176967382"},"directories":{}},"0.6.17":{"name":"harbor-ui","version":"0.6.17","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.17","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-q0k/ZP4xt9HFXOQ9vl3Jh/7ip9OY87xtEcdFuijvHoeDQccIC4cd3iVJnUxPzm/R1f1mIochPjnozatRWSc2NA==","shasum":"bc62395dae3444ef1825828a1009e36051443820","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.17.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDqBo9sY/TVTrFRObIJ9z8pQbKyEf8GkwAZyiQlveHmBAiEAnoNlJvRm09UpS8rarGpI6suAC2tHou56VxTFz4WklsY="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.17.tgz_1515985324813_0.2797941241879016"},"directories":{}},"0.6.6-test-11":{"name":"harbor-ui","version":"0.6.6-test-11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-11","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-uAtMviWE14aOKKpX19sPwXz7pfRBk6AjSE0/Dx7JwuiwvMDRSPXd51w0diNEBtq8RWO0nnpo7vou8Hz8gkUKHw==","shasum":"2451445ea9701ff8addadc25e3ba66be30c9667b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-11.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC65YC50UIJHy0O7YmPfLnQ2LmLY/w2ya9XsD/HsxmMYgIhAOG6ANmSdYzxJLupZyBMyDzlxL6ySXV5MiQsuLXZXfqf"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-11.tgz_1516071206982_0.9492657380178571"},"directories":{}},"0.6.14-beta.0":{"name":"harbor-ui","version":"0.6.14-beta.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.14-beta.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Iq1PbyKSYcQxJX1jqFhNbGwBFKn4URjWxI/QDviclXSfeupL2mnEva8dNk7KaIVoMUPHB7ZTJnM6JI2HHsnsZQ==","shasum":"3c34a2ab42b857e7358ca1fc33239e17c045e131","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.14-beta.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDlRe0pAgBwzpZFuiCjAoov42ZNQoz/W1zEo2Wol+laBQIhAN48kwhlkvObnNZorxA2cuSV1kgP1estAZHozzuNF3k1"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.14-beta.0.tgz_1516076168404_0.5908756779972464"},"directories":{}},"0.6.6-test-12":{"name":"harbor-ui","version":"0.6.6-test-12","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-12","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-qNf5cZER6XI81V2xqfxOH4tshGsTophpjImnX9rIT91TFgqNTM/AA5q4cn0c0mX0PyqCzVMdUcDuk6Ptw9x6JQ==","shasum":"54f746bb747be81b3ca3ed5ea0c117e93f20252f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-12.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHMHymcWRMgtcDj+oDFTv6DLgDtnR2zafVPEOaMQ6Z5mAiEArCEr2bJRVlaf0uLm8acaCWFGvrbbRRA+W73J5IJ53jU="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-12.tgz_1516080550404_0.9680238908622414"},"directories":{}},"0.6.6-test-13":{"name":"harbor-ui","version":"0.6.6-test-13","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-13","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-TBJZPhLU6QxYDC/zT0VSDQrrnMGgZKguvh9bbgr166cHq01RTEdzXEmVQypIKCeVvyyTr9vQrSt/5OFc+HeBdQ==","shasum":"91fcef392644249b822bdc48fda2287a60d65682","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-13.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3XvV7yKNOoyJOc/H1NWCiv2KFG4w9ElbM0nCbu79sxwIgUXz1ofOagDND8Q90aIoTkFXeVxb9dGL5svBnzPy97+0="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-13.tgz_1516084121989_0.9973436722066253"},"directories":{}},"0.6.18":{"name":"harbor-ui","version":"0.6.18","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.18","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-HLJPtK2xlsa7oqnpb/OYpG0AhxS+f9vwh07MEdJxg+EA08hjFY9MG+Bpxjn1I5iai0AFZVxKQ1JvOZ+OpP5aEQ==","shasum":"77fe305a8f32d0c5c74a0cc99971470723f899a8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.18.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCV/Oe3Wc0a/hQV2uczfA0WgCONJ5EBmH92OUtZFkcfsgIgM12+NRlVaE5gWzmxUB+ap2qMMu0H5jxTaJQU3bPXU1c="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.18.tgz_1516086053485_0.9525278573855758"},"directories":{}},"0.6.6-test-14":{"name":"harbor-ui","version":"0.6.6-test-14","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-14","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-9hzYmJbTxjP5/BlspcwRiBE4zoI0ClvkOOG13UmQTQDM8vwR/4O2sqFjpCN5tj2qI3zfzE2n124NUxFix9cuxQ==","shasum":"e9e97e0c8ac572f9b34cc2e0643c1a2f0acd683b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-14.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDQj61nEeaIAQSdeKg6kGguXsiQGB6jgFRrHOz9hfVlvAiBhfVj+tVcqRfCrfQOHzwbwHiXLg0F54HCKE4WvQRgnJw=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-14.tgz_1516088476889_0.580417315941304"},"directories":{}},"0.6.19":{"name":"harbor-ui","version":"0.6.19","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.19","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-BdFYJsL+EslWWjbNvMnEGzrJBv2mP0BxKplRbeOC5cbvJc4febVPO6+/fceIswNPV/PDIFiOYQx+RQ4RUMXuSg==","shasum":"df4cc5f00eb9e76bdcf0147190cb9cf661a7a88e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.19.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHr5lf2cQX5NP+dCdzWg0phy9aBikoMmYbdH8PeN/GaeAiEA6XtRt2tdznPbbifinWbcc7eoBbWVFZ9nsrBUuR0p8jg="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.19.tgz_1516089029384_0.968681559432298"},"directories":{}},"0.6.14-beta.1":{"name":"harbor-ui","version":"0.6.14-beta.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.14-beta.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Hpelf/tQ2QzKGPbMTNoR8K+FKScTStwrjuKjzqAPpUXJBn+E2rzjvdBlSi0QtP3Byu5XX9ElbjyCU0Ux2Tq6wg==","shasum":"7f885432520eab57e0403d416b77d027d8a3da87","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.14-beta.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKW0Klw5evjLQdc0vR8xDf3ohsLJzYgdFGwGigyGB9ngIgNueV8WTKXYtCUvX003aHfZFDGDm2U60Qm/83bjMwMG8="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.14-beta.1.tgz_1516095173147_0.19950096495449543"},"directories":{}},"0.6.1-4.beta.2":{"name":"harbor-ui","version":"0.6.1-4.beta.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.1-4.beta.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-UlIn3TohWHswnEpLtayMLlw51g4a3lWr95qTNxGC89+y2tHoRkQY+qODQwrt0RTGRTZw6SI4gHEjtiw54Ryh0A==","shasum":"3e198f3be2642849f435ea57fb909f63d5473254","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.1-4.beta.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDsoY8qqEg05kfTBYpEAjwpchFz2cqBknYC7xVDOqFaugIhAOJ7PjkhGGPThC/XYs6JJvsGTz2o0t7T/iGzxjQCzQNJ"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.1-4.beta.2.tgz_1516106868689_0.721089924685657"},"directories":{}},"0.6.14-beta.2":{"name":"harbor-ui","version":"0.6.14-beta.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.14-beta.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-gDDbdRd8n/fUiOWMB1ISLxPZnzt6T2/UUBBZ1ttrHH5qrrWlRsyUA3zIhMcqxDx2YX+Mo+aftwav2m30EnVFMg==","shasum":"fd741bfe73dab4f264d5fe3b5eb2304bdf5d6b63","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.14-beta.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDnbKg7MympKMH2S17rPh0mo96nWd0MP1chrnYtgIpmlgIhANazaa5qdPQrOHfAVAem1TfmtIA+RW2GVlTsLQmNkMfU"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.14-beta.2.tgz_1516107288770_0.6163933388888836"},"directories":{}},"0.6.20-beta.1":{"name":"harbor-ui","version":"0.6.20-beta.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.20-beta.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-XIl2t8Ng+tv8Zq73lGXtj4ELYkYjZPfkCjLk++Gu5As8SGStGGOGh3AkRNNh+AMOADY5Tyuu9CHIQAd1V+rqZg==","shasum":"5bcd6adf56904c62f574cf1216aff4d818f75d45","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.20-beta.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNurnHtRA/djTi2if+e+D7///R20mHGgyTT6czKafZ5AIhAPqMYCyYaUz43nEj+h/OB2Gb0kzuupvx9S3yPqMUsFeO"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.20-beta.1.tgz_1516107832876_0.7035437119193375"},"directories":{}},"0.6.20-beta.2":{"name":"harbor-ui","version":"0.6.20-beta.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.20-beta.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-K3hhXPG0ieuVW9WZ8fd7eGJO8bNBsMKxeuIaTES8CIhBKEatboV6pbUoXvZqrw66wW1+9NkeZFp6H/iJr2Fj3Q==","shasum":"4fbf38879f0dbb8474ebdeef7bd36d89d7a007a8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.20-beta.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfJSK6HSE/8ZWf1Lk0qQE05+m6C4SngEeT6LIokYLI6gIhAJX6ITYYdCkgxhcb4opqL1bU06ObzZyNvlYDnOamvuU+"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.20-beta.2.tgz_1516108403588_0.13774085603654385"},"directories":{}},"0.6.6-test-15":{"name":"harbor-ui","version":"0.6.6-test-15","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-15","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-VCGPfiT8jzg0cx8sp4jjWGG7g3prp2fCxdvfIzIVtEByoKVIztB2klAxHTeyd6+xTQvKIiNJ2zYs2b1bEk6NBg==","shasum":"0fdc64b872dc2802222ea0f6bc9b67b4233ba32e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-15.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAfgXZfppvcvtfg3NZe2bi3gpYzhZXLlyUpv4ZGg45ewIhALTvNO2HE6hSJfluXY1WAiban3FxZomvbNAakwc9Nbai"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-15.tgz_1516158200538_0.64169658604078"},"directories":{}},"0.6.20":{"name":"harbor-ui","version":"0.6.20","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.20","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-JMuZGf3dhoIc2XlPwWObJJzUXGz3vu14vuO6fEaIvGCo1Ssc+nffhb98TFA4GkJfmoxHJqHQezT2/PaEIe4JMQ==","shasum":"aeb512af5c6df787122fb3a180db06f35871a2f6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.20.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDGPfhbEjeb53LlAYuX7FiO1vwnFQTDjneyBL/+7LPAiAiA4tZZdOmoyS4XTepoUdXRKCLv8cDg2X78hdP1w+RaHSA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.20.tgz_1516159367641_0.5993627964053303"},"directories":{}},"0.6.20-dev.1":{"name":"harbor-ui","version":"0.6.20-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.20-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-hxpmAf1KtM4sSnnrQV1B44d/3yjNJa8HKeidHslWgx3PEN++OtqRUuwHgAntCSL+FlDztF0spenySId8xB6L4A==","shasum":"bfd25f330e7009aca0946336a7af84534f70b470","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.20-dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGKkUfeIdBWqu/Y4BUoG9SDejnLXrJAPXGyqCmJT+Y2QIgeBIOA5APiPcqFXEuR3K3BxDjBPLCZKajL3KZP+UsNaU="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.20-dev.1.tgz_1516174665872_0.528291366295889"},"directories":{}},"0.6.6-test-16":{"name":"harbor-ui","version":"0.6.6-test-16","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-16","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-RB7R79ITTpI572zADwxy0dAUvThSzxwWep3bLI0Jq88zRiO/bPFjYs2px1qtVcmUaYDFKNLRWXPrx5atQ7rKUw==","shasum":"0c0b1506033cfb1f941d34587f307501418877c7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-16.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH9RYtWurUQKnkumtWIvrIpIV8EvQRAL8C6XuyqdL2UFAiAUbVsfpD+dLaTVuCkZamxj5B7CtFEXTBJ2KPkkP4TfmQ=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-16.tgz_1516176947209_0.6655059745535254"},"directories":{}},"0.6.20-beta.3":{"name":"harbor-ui","version":"0.6.20-beta.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.20-beta.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-wRTfstXLQV4Nr/hvLTEToK/f0/gCuXJTRgIjH+OkD35j04o8P2PJe5kMqHqce69u5+g3L8aJ0SwGTSHNNvgcxg==","shasum":"0f94931f6a654e36629a3148eec1027ae9bacd24","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.20-beta.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC4JkfIixyK31Nm12I+heji10rtUJ11Tz/81OABSdtdbAiEAjtWsKKUuOxYUyrPl2UJdou//vsPl06HvVhfve9L75SI="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.20-beta.3.tgz_1516180624347_0.28801851137541234"},"directories":{}},"0.6.20-beta.4":{"name":"harbor-ui","version":"0.6.20-beta.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.20-beta.4","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-vYXfx1ZflJGo+Nnk+q1qE+yhrv3OGlfqAIjm2NdhiUWItgFY8/kxOhlSWbW8RIRlrMPZur3DVxH2T7yPZIISGA==","shasum":"7ba2cbb0b9601f5bb06f28330f5c6fc88a004dbf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.20-beta.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIZp5e3fY4uhSaAF80ShQmEE+m5361ohKCl4EaYawHjQIgHTfy0Lu92PDpcS+S28c1anK+rBu0LPBoGpEH6h2s6Jo="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.20-beta.4.tgz_1516181078608_0.7877411276567727"},"directories":{}},"0.6.6-test-17":{"name":"harbor-ui","version":"0.6.6-test-17","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.6-test-17","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-VrHer2vqeMfSmp5KeCEDRLW9zIEYNYqYD8D9R0FEWrF8H4KTJoydvgqvWmdLhVjlDZGYzqHqNmR2LkU2v2d+3g==","shasum":"8c505d356549d6a1a979cbd9195f734806922b34","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.6-test-17.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkugj4U9z7Yl1RMOHDN4rbiZhGrZ2tP+11IyYUUuKtFQIhAK7buuDt1TMIUO4OZWaRQDZDpK2A+p1BvoJQgq681Foi"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.6-test-17.tgz_1516184383939_0.5435072297696024"},"directories":{}},"0.6.21":{"name":"harbor-ui","version":"0.6.21","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.21","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-gdZcS1aSWem8u6I5FbNGF8QX+HSM4NHklWD8HCfAr6GH9S7Z2rv3tN7OUHzpEXjMqCVLzF0fmx0rq9zGVkPAKQ==","shasum":"ac5bc5e0b9bff9ecb7d7a781548346efc055b949","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.21.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfH6DHfWTi3k3MvqLU/mYAM/kNteqSxVOjWeZrqE8zGAIhAIVwql3GUvOapE7LI5DhgTA0ciebOwg35dwp8tQnvXlk"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.21.tgz_1516189350530_0.45375824300572276"},"directories":{}},"0.6.20-beta.5":{"name":"harbor-ui","version":"0.6.20-beta.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.20-beta.5","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-wDLJCQLOTAatiAHfWTqwSy1NFn2oxjOOqIqGvzs9DPu+UEZy4n9qK+VEIZO82RoyUgYPihFWviri3wguKFmETA==","shasum":"b84bc0bbc4112cb305ff1cf1ae3f9a4b901fd75d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.20-beta.5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFYNTO97Iu6+Q8Si+NzgBCjCb0kUH5Xn8lgWQ037Y40xAiA6jFgPr6YvW5ndvIvUArPkxavdF3OGjltkWmxIu9JAbw=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.20-beta.5.tgz_1516192574727_0.9614767045713961"},"directories":{}},"0.6.22":{"name":"harbor-ui","version":"0.6.22","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.22","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-V04qzgMG6DPpVLsKqgFFbgoJdshFEfrdRNrpV8r+l9do34Qaer1loN5INj20dNd9ChDrqVSLidAJSVwwAcQMZw==","shasum":"10b24d9100c953fe4d2ebd631af41f46a619f02e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.22.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBLg35YT/5BJOAIY6IPEP5ZFaIqBY9no3p/JTac76InCAiAszQpOXwZEPA0U8bulOy47B0zhorKWaoXoZsW/nKTN2A=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.22.tgz_1516253196556_0.8713043187744915"},"directories":{}},"0.6.23":{"name":"harbor-ui","version":"0.6.23","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.23","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-1kdbBP41IGqYHXz7NCIajChA3fPyscKdexb+MoxDjOy+cI6Eqs2j94RGV7Tz9v4QnheF1GFReYvVAVbSGC+h3A==","shasum":"d753a352499aa75d6514f71f1b8b9c8bd5691d3e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.23.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDRfs5DkhLAKg22mzunV92gGDZn4iLEZUEyLyROIcw6oAIgegTlc329TFJSJQzKcJsV3Mw4gjH/hiB4nxip7ZDVx9E="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.23.tgz_1516259094238_0.39677315088920295"},"directories":{}},"0.6.22-beta.1":{"name":"harbor-ui","version":"0.6.22-beta.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.22-beta.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-PX7p/ynoli2rWsUemFog4H9CySvcdZ/d2wJuYwWR2ASVPYqzO3QMT4Kk7oRnTKnPEt8k1FEV1LIs3eZQdrflVQ==","shasum":"5bfb9ec20f40a344d5a1fdf8b4dd5379bfe84649","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.22-beta.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDf2yDQ7towjy36EX+FfcKXp+iHvlKTzmiCsOARJjcv8AIhAORnDigm1a7BmZ53udCB+oGCcuPV9LdqoTmMx6m37sNi"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.22-beta.1.tgz_1516259771330_0.004497516434639692"},"directories":{}},"0.6.23-beta.1":{"name":"harbor-ui","version":"0.6.23-beta.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.23-beta.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-HuOXOlpHdQcwuREagfbZ/OJzbaDvhSk84/LVOQacTN+NHEXCXqLbZFAvamGxpw127cLuSQ8q9J/P3LAL9fW2vg==","shasum":"054363cf1daa52af8b3434a830fb72a25367ca04","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.23-beta.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYN5XQgOPqRXhUKDUmzqOBz0NmoggCd9oYnhB19g/MjgIhAKyNROYouOD9VdJRV5qY764E69xIaXWF7KxjDGB70Nfh"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.23-beta.1.tgz_1516261837161_0.07193069928325713"},"directories":{}},"0.6.24":{"name":"harbor-ui","version":"0.6.24","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.24","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-EfnnC/nMqYSNdynhqkyWmOxqVEZhAlA3udlgbbY30BB1RjTzXj7eotJZiYRolXseL00J97gJnJ+ufOZ1zfJxpA==","shasum":"4f57ee0f7c122734afccfe11760d819a8292176d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.24.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID34go4bYgwfJ6jeuRervHClQpx4hbXdn9xt805A762sAiA895eUBjlgdmT+oz65AsPbIzqi0WRaymsnhryplW3MDQ=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.24.tgz_1516263960729_0.8067795580718666"},"directories":{}},"0.6.25-dev.1":{"name":"harbor-ui","version":"0.6.25-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.25-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-AgU9wVDjx8hFrGwA/PDdeQVT+VyxBHI8Woe9fTxJavw92rmOrMJUILj4QfllXYQ62i5fnvjBilQYLFzoGGVW9Q==","shasum":"db48232aba6df4e04514634a5d190637ab4d18f8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.25-dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1NRshukYgKj0ABWHcIppTTq5JLTbZb1J0GSCSzt5C3gIhAJgEDKghc4cxOu3wnbdCblA7ieR2v0YVHYG4UEp8SWTS"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.25-dev.1.tgz_1516269669705_0.3050036318600178"},"directories":{}},"0.6.25-dev.2":{"name":"harbor-ui","version":"0.6.25-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.25-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-7lslt0Emi9nX4FQ+cmXUK2ZHdDx1gP/u4sabpnJvoxOKycDc/fkXFBRMkelpwupsRSTpBAtQfVCydBmQGoaASg==","shasum":"98a043b155af42e7bfa6ac00907514228c1bacf8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.25-dev.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXA5WRboUPZtrY1GOzXc/D85AMLDw9PscwVdnS2BHnGgIgDKkJPuW9m5NtVfEhqZ+veku8tDA29SSAI5OblqHDRCE="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.25-dev.2.tgz_1516270655267_0.8296688161790371"},"directories":{}},"0.6.25-dev.3":{"name":"harbor-ui","version":"0.6.25-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.25-dev.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-e2MSjmnaYpGFqchKvgZQjS9t4hPAtIKRAVQ0T+Y75udYh2ECh775Bh+eg7ACI6WG423ltlBC9sCkRbR2wLjh6A==","shasum":"8fbd785a46c12621d2245441f5331bdf02ac83c7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.25-dev.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAOCez+vUdAIIHnULVcQD0iYqehKBBcEq5H323kUi4/AAiEAmgPtVblcM26gROZY5hJRHCvaRxDaqf3cwYHV+hWz1XA="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.25-dev.3.tgz_1516271113432_0.9379866097588092"},"directories":{}},"0.6.25":{"name":"harbor-ui","version":"0.6.25","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.25","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-vVcZGVYfWz6oV2i4mPlxgKjf4JwF5PcQEYhvDDA0dWCDYIWFAPz1ZXZHent/e5XR6R7XmUu1XORxfonglrOfVQ==","shasum":"39212e5b53c7dfc76d2ff8dea0019c7634788205","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.25.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkh1N+oMxIyfElcxuJWH+ZjaG16fcweZuely+fjD2gsAIgTXV2ASBwW5ba1XCpWc12s0GpSkUQczyXug5o+t+YDaw="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.25.tgz_1516347812918_0.764344820054248"},"directories":{}},"0.6.26":{"name":"harbor-ui","version":"0.6.26","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.26","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-1vw3kwoEh/Og0lvq83NEN57Je5Pxja8BK4qBYS0PsamERDkUfIYi2P8gzWlBiZkbhbSSit/PglpAKXfUL2TrvQ==","shasum":"11874c45a91de11be7fb15bb0560b223beb19aec","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.26.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIMCZ+Hb7cEKRulh69rIVahipujaNkch2NA410zye3HQIgAk3HQ469YsReWW14O43NOKISevkFqJNhMePWnwJNYzQ="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.26.tgz_1516354370907_0.6607562785502523"},"directories":{}},"0.6.27":{"name":"harbor-ui","version":"0.6.27","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.27","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Dmfrv1PPMAE+eGRe7zUFIxds3rB/UqeWxPqsqRBJRxpItDvxvZ+vTZTgYexF4uwnB5PpzU1EVbyOdxdvGMp30w==","shasum":"5a15d7bcc7e72a595dbbe9a96fbfc1ecc3a2e8e6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.27.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFXGisAL5I0YqsyVWnGX6zGaYvp2YMfAq+iXWV+YKl/QAiEA86NqoLOQSwKljetKj0k3IoxqOTvM3VbL2NlC5MGRhs8="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.27.tgz_1516354399584_0.16579570900648832"},"directories":{}},"0.6.28":{"name":"harbor-ui","version":"0.6.28","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.28","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-qDyh7HIqr7IfcGdN0TBeFO7oUTXbajOXm9apUEjak2FXU1EPGni5bgDCMSnvpt7RjA9pejuwoRggS9BMLV05Iw==","shasum":"dd0b7a2342a8d90502ab26d4f3aaa9137fa84530","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.28.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMBpj5iJwsmn2itOBPPM8AplF83MrMT8JVCic66MrUTQIhAP2iMo56dUuN4Qa6VBG6jC9z5d+DqeMPYNIpcBNldxEX"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.28.tgz_1516689784101_0.42870510555803776"},"directories":{}},"0.6.25-test-1":{"name":"harbor-ui","version":"0.6.25-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.25-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-WgNl9XvW000X0bsEJRd9n2ENL97L813SJ5PiRW5w0Y+YYtgVRnj5NWrmVPHWbDKKVTl/s6s+Toe7RuzvkRmteQ==","shasum":"dbc7aa5fe4b0e1cae4e1f858606005fabb8711dd","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.25-test-1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCgliJG/d7A7hB8cdaMwvOCp7CxqeIkJEFUJ6vSy0R+AIgA/Df40BcQy/gNmO6I349sZKOuxeyATP8DecPBZTZMUU="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.25-test-1.tgz_1516702836182_0.9778889557346702"},"directories":{}},"0.6.25-test-2":{"name":"harbor-ui","version":"0.6.25-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.25-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-xdBqfqh0g4o50pauvTCgE+XaxmFxTXbvuzPVLenGFLtZlr1B+lRVjQxKyQl6/3E2jYJn8plQDud6kh8L5Pdz4w==","shasum":"33686434c101a626a22e666edfd739c03be5e120","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.25-test-2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGtzmNU/tvQRel0EtteRrfYLvDum2udg7aakzMGLcEOVAiEAjKkLPEpoROLgOZx4CqmEcgyWTqF/wQm7OK4Awqfd0+k="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.25-test-2.tgz_1516703373959_0.04338398762047291"},"directories":{}},"0.6.25-test-3":{"name":"harbor-ui","version":"0.6.25-test-3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.25-test-3","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-VJ26gIl9pLbD/dkZMmFuXnng7CCUZIIuXkfBylo4+D4FfiBFpnuQ/v69ChfhL3od0QS2egZrQmjwM5YGM6jIwA==","shasum":"1bf3fcf8d39e237aee2bd586f0ba5b60e447fcea","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.25-test-3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHCSBB9YmDWqAITtSNlImODYI1LtRkEZ8XUGpsvD+Lb3AiA/3/vhBs3V3lOD3G7FpEeaxskJmlDqfd0UEBrSnGuPAA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.25-test-3.tgz_1516706374969_0.5470950864255428"},"directories":{}},"0.6.29":{"name":"harbor-ui","version":"0.6.29","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.29","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-9igecRYbGWy9ZLGvA7GAfH6g7q+wrLQQzV67hGUq+UvinCYZwk+AW5OAL5wvBqYjNs9mfyocmHVkUrUeRr7OEA==","shasum":"df5bdaad17f7d91a0a006fb7f71788863254f5a4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.29.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICdM9fIQY85W6alVO1mvTLZFKvYAZ3kaYFHEOUVz6d2sAiEAiMQJWWShim0Z75Qnl+jdQSphbND03c3CZqaQBB1jLmI="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.29.tgz_1516706794986_0.12019022856839001"},"directories":{}},"0.6.29-dev.0":{"name":"harbor-ui","version":"0.6.29-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.29-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-hGstmmsue4zW3GZVHfvVL3vLNrFsxSZJWwPHLqFy2tObKG3+5ImlCsjlPIZoazZK5o6GXujlboGaHVbig4DIBQ==","shasum":"b26428f4e220139ec1c7cffde79fcd74b847fd31","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.29-dev.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4aTuk/xBD3HgJ8WY4NXjMk069xIbZ0w1iUslc7NoCBgIgWc0UNpAcOuD9LX+KkeEuYBxXnHUI6+F+Z0hF2L8aSuk="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.29-dev.0.tgz_1516708434842_0.64339534426108"},"directories":{}},"0.6.30-dev.0":{"name":"harbor-ui","version":"0.6.30-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.30-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-18/zYVKtghFfrpNdwaGuovP6w03hfkCCG6lHdhINAHHxYtK6avXOXb93xrxN1Bo1t/wlft5iRalfjk8ZYXo7xQ==","shasum":"1d3f09c03596e3a3f26853944733384e72bf0fd6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.30-dev.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAqhDT44adgBi6l5Bgm8BSbq1RZTqPtU7vveejB+rGhQIhAPkTkYdN2lki0jIkoFkTlKD7dkQuBhXIyApAUrSo17Cl"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.30-dev.0.tgz_1516864597338_0.7000698854681104"},"directories":{}},"0.6.30-dev.1":{"name":"harbor-ui","version":"0.6.30-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.30-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ayMET1UlTZ6O3KLdPmhKD5wjtxCuQqkDYJ53CCGNNOJrcLTixzfTbh9x0LeSh3ZSlh+hit/RZbu7eJlXInnJYA==","shasum":"9caad2ff354be760f5aadd1a89e0d0d08b8cf74b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.30-dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3q1Cckyh8X6X6pI1aOoPiujR0XcrR3DiHwEjD+4/RawIhAO2DolbFFU3a21yn8SXSCHx7NtsaYvpuS8ymIPggIKzc"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.30-dev.1.tgz_1516870623492_0.32889147917740047"},"directories":{}},"0.6.30":{"name":"harbor-ui","version":"0.6.30","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.30","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-CbsegkdcDFpH3XmzAnIS8bZa1miKjdWvcwJBaDeSF6GJRXcce32lrWqntnKVX7Rje6tAtkZoVNBTMsl/qkpMng==","shasum":"0cefcb77932d09e829ca76c3fb6dae4f5ef61d23","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.30.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB/2Wqy79d19q6mZksiHtsphYc1JdpENU2sWdtbUUlVWAiEA711lz8cOzQWeOZGIaVYbAf44E7U3aiGw+FPyhbwkB48="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.30.tgz_1516870995678_0.7552656955085695"},"directories":{}},"0.6.25-test-10":{"name":"harbor-ui","version":"0.6.25-test-10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.25-test-10","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-bUArLEwQ07w0Fvpd0gCzV+as8ixGVt8i8DwQ8poqUz44NOw0RVOIrsoJ+ADNN4Ge92ORgr6864SbBKrCEoHbNA==","shasum":"1fed71c2b76437233a4e0caf3b0c7a1cd9d30036","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.25-test-10.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAHfkU5a4AcojBCB4sI21IY2TF7vKk4za3K4wwJFPDeeAiEA30iTlFe3kphtE7Ueu9EhCDPBMUbfn8l4qlh/MAyWcxM="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.25-test-10.tgz_1516931796936_0.5338008345570415"},"directories":{}},"0.6.25-test-11":{"name":"harbor-ui","version":"0.6.25-test-11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.25-test-11","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-e7VIz3BcPKVXdRAIPcjPjDDq3StaoVH/fBHw2qSrVviMuI+FAB0fjcSrS/+TrPMtIkuUWvIv6F2gCCZDhqgYUg==","shasum":"1825c5b2680f0d2703a1cc74202bcd83023a2fda","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.25-test-11.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCD2VxYbTJRq/0Va3PPJF5aJo66EM7sHgmInLJi1tGkTQIgD9ANjtuUVba3feWC2Whu5bM06RB1jbpb3WUPCrSynPk="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.25-test-11.tgz_1516934447476_0.03406044282019138"},"directories":{}},"0.6.31":{"name":"harbor-ui","version":"0.6.31","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.31","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-XGjvj+87vfGjbvY/2L+Fp+8o88k09IeDK95KmArNaP8HrhwYKuZVEts71FdXIIcUIN9Wpqleqs3cN0b+sVOaOw==","shasum":"eb00ba3f1ac35e33275e95d207e760ea8c84423c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.31.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGl+PLjyaKq594qDJgVb4U0I/JE7nmyKDsSZSp3KGH50AiAVXszQZdoLSAgpVtz8ub6EzMp5TENTC8OrjVkeaAm5og=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.31.tgz_1516935426942_0.7256396957673132"},"directories":{}},"0.6.30-test-1":{"name":"harbor-ui","version":"0.6.30-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.30-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-v53Ai+yJf/4TKNhgG8jjhMuQo4cT9slCFuNXdHkcPH33q8LIJrMILWY/RXelQupMvdNyY94w+QxGT/VXHrymxQ==","shasum":"c0fe883ce15045bd4c648cc74aaa2e4fefde62a3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.30-test-1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA6bngK6AuoDkAEvDtc4TAn0KzWUb58hMRFY467cIRUXAiB6+LXQEULgalcuKU4BVKfpt2p0T8DJL+gG0UCGvq5now=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.30-test-1.tgz_1516938743647_0.6353203000035137"},"directories":{}},"0.6.31-dev.0":{"name":"harbor-ui","version":"0.6.31-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.31-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-KJPY8iHHC/vCwgoRZDSAc1yeHLu9c2li5om66EapJZo6cMTceYPHw9qL5xb7Db/c9h+opFXlShmU2ms/cFS9sw==","shasum":"6d43bb763acf70faa04ccb54209b42f318f11460","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.31-dev.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCEsCYvzckUKXOWF5yDkE6mR32QSK32UlLbMO8hzYgcjAIgNAUHBT0iWLr3omzeFmYmVEgKW8wxOBd75otRNFIZ3Lg="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.31-dev.0.tgz_1516939122792_0.957646822091192"},"directories":{}},"0.6.31-dev.1":{"name":"harbor-ui","version":"0.6.31-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.31-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-p5B1W5935HvqYzObIuFveTJxt93ebjGEph1J++lVHTswBNMla9jWYCZeqARcOcb7VmN2zCsYbN7LlzP5TPMziQ==","shasum":"7c4cf63fd7f47ecf636fd08f6364fbdae16bd124","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.31-dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICxY3VMjkGupgvn9YDo7901duoOQibC8Iet+CyxZLdgKAiBCQ28NArYqV05yB64BN5IyZ0ctHR+NCYTyxZdJAQqcSw=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.31-dev.1.tgz_1516939575266_0.4440437750890851"},"directories":{}},"0.6.32":{"name":"harbor-ui","version":"0.6.32","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.32","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-VhqNIw8ig7iGqva27pZ6rtY6xRYaNJ0a5Y2WKefFZCVr63h9HyyJx7YScI3nX8CRczABJQS2ELmytVC0zjraxA==","shasum":"469a2dde5f474484565919f04f3817ad118cae0d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.32.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHo2Ku27Y7aXFYuIrmmphf7YbGfux5I1h4MEHSx4WMbdAiEAgYUeknwQAH7N6gtj/TwbEFDBIywHHe2A/FEiuOMzF6g="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.32.tgz_1516939674533_0.5477044046856463"},"directories":{}},"0.6.33":{"name":"harbor-ui","version":"0.6.33","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.33","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-y2WVVMozAxhSRBjE0JPaQ/jNv0TaRoc9iPs1cojWc9qjNQp1Vh4ckBYJ2HS0hNnulEf5no6BzgNewZ7Us4YKUw==","shasum":"5fd6d4828c80f8c7b62fd270ea69a2f9d63cb243","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.33.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzPd6twhu0ImJ0pOPSgwfM1w2o5n1JhZAlkiSB/zc3UgIhAN0zuUw+aH/4Gs3SodzpxLzyQ/Z5/FME+LKRAyXq2B1+"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.33.tgz_1516949269057_0.9881932798307389"},"directories":{}},"0.6.31-dev.3":{"name":"harbor-ui","version":"0.6.31-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.31-dev.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-RlgDALCJlLZ98kAun6aS8OHek2/yuc/yrLw7CnIGyfe5HkuWMlztUqMDZa/UGP9y4ETLczH3ci8ca9D9TYaLoQ==","shasum":"f4565653029543718ed7c71c5e9af12285aff2dc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.31-dev.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDpQXDn748D09LDLLxHRVwLszWFrlGbUVmYwKGhqgNxoAiEA2Mj6QbbEplvZg5f269gtuY0Yv3290xjZHWVniFzO3bY="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.31-dev.3.tgz_1516949357082_0.24304529768414795"},"directories":{}},"0.6.31-dev.4":{"name":"harbor-ui","version":"0.6.31-dev.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.31-dev.4","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-4Qw0Sy0JAG1DabKzZ/RYhOFTYcr4A8yz/kvfysA1Qv3arXvXhCgAYzMSLata7owZmqLxFzI2tNOpAm6Hov1uuA==","shasum":"6f3d0c53da74a91d36b53473168437ee83bbb778","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.31-dev.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHyC5clHuxE4iOeCyN3G6gAgkSGbGREFbACg5VOCPYyfAiEA9U9aeiYXh5sBy1ALfSG7yj6AgOtOIzVOVWARFgq95/Q="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.31-dev.4.tgz_1516949825633_0.4372078627347946"},"directories":{}},"0.6.33-dev.1":{"name":"harbor-ui","version":"0.6.33-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.33-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-oew8mPbLGAbujklph7CczFoCBVX+qE1qHrE2N+ZPTvhaoU+KEPzq6j0IdlKvmL3PhRyITjklzadirdveFTp6Gw==","shasum":"29b733082348143d0c84c3b59af9602aac1921ac","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.33-dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBvypMd53WUVt+aC/4NROLi168DVJ5Js1jS6dSxJ+YMmAiEA2tSJhCJDJci788QX2VXfwjCp2W9z/bNcZwGZMEv9Y8Q="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.33-dev.1.tgz_1516951109558_0.9457186511717737"},"directories":{}},"0.6.34":{"name":"harbor-ui","version":"0.6.34","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.34","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-jtmzS737OxdXHZXhDcIPmtyHlDhL5quOUnkKufPRJuLQVKupaXjK5ouuJ/DJ83Gjyi+wQelXmAOTeV9EHRPZ8Q==","shasum":"e60323220af928241f2ad6a60556a235c18edff9","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.34.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBs2HhMXUf2/FDeIRFAXGidMVOcmm+JUI5dhN0oTv9SCAiAKqXrpXAqsFw/vj+nDbVnBCtkVuC3pruXwUohKe9m2Eg=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.34.tgz_1516951799617_0.29801115137524903"},"directories":{}},"0.6.34-dev.2":{"name":"harbor-ui","version":"0.6.34-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.34-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-AA5bxoNvqfyB38TORBktd1T7xZ5wkHKOCd9IvW8KMY3pHjYiBl1K5l9f+xWgg12SriMOows3UbWUTSROlDv4yw==","shasum":"0a8e1766afbf254578b5d336b57fa5fe99da2b6e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.34-dev.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDvCl665r1aLC/dTkyuJqe2lsCu1IbVnsuLFplA8N97qAiB3eHvyp0k9MSQ0jY43fNpU/n0Ob9dMG8S3KtO18NlZpA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.34-dev.2.tgz_1516951841081_0.3075750726275146"},"directories":{}},"0.6.34-dev.3":{"name":"harbor-ui","version":"0.6.34-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.34-dev.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-4sFj872zgQzMhxuXwbHTLj7/yurlkXOEcWzyMDRsrAS5gubQRSDRAbF0QWfDIYlC0XRI8mZGplqIZ+q/oRAnrw==","shasum":"2f328d7c66a76c061e3023d25a726998ba0ab8a2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.34-dev.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCHjPt8t5aqYyq1gkWTS/mTfrVS42A1Eje+54fDPdSIyQIgDLj3JNJx/kwtenHF/7zj6wU5h1/+brvLIJmfXU4gtNM="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.34-dev.3.tgz_1516952388995_0.8845544147770852"},"directories":{}},"0.6.35":{"name":"harbor-ui","version":"0.6.35","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.35","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-91AZrcVIp64QLa4N8fGfsE3itpMfq6WMBR1acAaesiY+PJnzy125VrL+CbTvHPauHLVW36Y09LwaTvAAqKC4Hg==","shasum":"a82fbf6221e9138a2d8a01a64debaa99b92f2901","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.35.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3DbTnQiMoD0m9r+hfMYOdt+e8Ev5+YBvFsMEbq+LudQIhANXyuerUeXPf0ySV2zM+AdLtieU4Nq1lZPotQzb7synH"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.35.tgz_1516952841290_0.8982432219199836"},"directories":{}},"0.6.36":{"name":"harbor-ui","version":"0.6.36","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.36","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-jZMf8oTytDgX1eQ+1Jmcr4D2SQkXEx8h+WjSqcHvwOQsWvp+aGgvPfe8hx/D5r0zu6MeTUCgqGyNicqRffNcyw==","shasum":"18aad171e99c5aec7c610d0c3f28784ca9e383f1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.36.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBNxUETiMvzRVkx8zMOWVhTixwycARGmTmcZhnFksqeLAiEA0ToO7e2qVJM87G4wkkv5MnNLISgFKOpuOBwRjWSDrBs="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.36.tgz_1516970513724_0.1509821272920817"},"directories":{}},"0.6.30-test-5":{"name":"harbor-ui","version":"0.6.30-test-5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.30-test-5","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-rFBJpBT805Y5NdQuG/3w6H7/IdU7CzjRpOybI4vPsG0U/9yrlAtiEwsKAI7qfDNGyYGvJ9sK/9nlUmojKMM2Vw==","shasum":"3a25ec2e858fe9347b2f0be3f24b3d10e82fb102","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.30-test-5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEaSY0MJLGdbmmlFmlk7bQAhPYlD1DVXjjI5nAyEoMV8AiA3dht+I6fmlVVJ4I4tkDmXh6GoIOQ2eOhOD89GUm+QUA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.30-test-5.tgz_1517217132352_0.7462314458098263"},"directories":{}},"0.6.37":{"name":"harbor-ui","version":"0.6.37","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.37","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-hSxU1wCiMRigtn8qksK7TlyPcxtaRrOJC6p8vt0RV05XenDWWFn9e9vOGKV8gycEF/Ze5P3553mrZbAtfXZ6mw==","shasum":"3ead2d6b40c1df5570ab8a920a82c15f00f1e13b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.37.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMinBp2n8YtHx4p6RDBLS9QHbsgPg4lpu3rh9weVt86AIgQ/1YKg3iDayKf8FkqF+etUUCjG0sxifie4pqpizJchs="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.37.tgz_1517218297760_0.3341860040090978"},"directories":{}},"0.6.38":{"name":"harbor-ui","version":"0.6.38","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.38","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-53rOsAz2KlgJl7811uQTkv7FhQHF00GOZ0XSlWreMWk4q/BZuqWqKy415rNjlASy/PBsjorkkE+Fao9ZQF8zTQ==","shasum":"b4d728f36cb9b0cdf9b66f9e550e1c378a08eabe","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.38.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7eWOxyFWChE93atOWRtuHqg0+YXcXW/4OYDIrUfklLgIgUJYM9wExjiZKDt060muxEjVtD0B8igLryBNsQxlFdic="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.38.tgz_1517223545480_0.21915180375799537"},"directories":{}},"0.6.39":{"name":"harbor-ui","version":"0.6.39","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.39","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-XoCz5h1fiwEBts5Z4D/KkAlfwiJNrXxaQ4Hno6NkHcDaCdIqXxlqlcLn+ftxN4xDriQD476eHdZeuwFW/KPbrA==","shasum":"5dea44e8a26f4156b98db0b67481ee4a906df746","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.39.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0Lw4TTInMx2KUSlCaghetaoCFltPkrjsBci1uwJAyAwIgU9ZUzXeZrVxXnkgHw6SEJsoac8iYvlPgUNL+XOJJVFA="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.39.tgz_1517225668175_0.7100062102545053"},"directories":{}},"0.6.41":{"name":"harbor-ui","version":"0.6.41","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-MJigicq5HbBDMo+HnQa9PrgEOsI2KgT9/lkrYlZJygPWjAjmnzI9y0P9EBcMhgZxuuMUAqI3eyEDajjYiCwHRg==","shasum":"72092255dffb669cee1f4a4be4eb936b8b8c8d95","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIENHSlGccHVOE7LDf57i+Xp6T15CzN/I03VqP6IJC1gYAiBQZgbWq1PgG/yRAL0nfpOp+hNJFRbaWjuxJgg1zsYNTw=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.41.tgz_1517234170489_0.13116691494360566"},"directories":{}},"0.6.42":{"name":"harbor-ui","version":"0.6.42","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.42","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Ho6cSd6G6oQGU6CBv0qB1P/uOJ9t+2783GKYHxR7KBtWj4dTZDoVu1F4TLF26IhxsruMSuOjVCaiwu1Vx2cIpQ==","shasum":"d99a41a099e96310e3df3522b11872bb137e74bd","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.42.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCvbic2ks6T1LJTI/tEBoVt/QrMBZvk6R1D5FA26SsTMwIgU2DNQhCIm4N17QDri0rVJ4K1sUgROdaTnG6q++zp2cA="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.42.tgz_1517284229158_0.38673299830406904"},"directories":{}},"0.6.43":{"name":"harbor-ui","version":"0.6.43","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.43","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-5sTW5ilNliIwMaQTn3Q0ImIA+llasSCDe3HC2W4aMt89oGyThoo8wH7KFxuYqgEcXlf4yHiKv6qlCPXhl7HlgQ==","shasum":"5b5a6e0e4485865714a968d41ae8ca4b651b14e2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.43.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmjzqAvT5ZvIYyWGKOaOmAci21jkBTFfkaSXLvQ+GUtwIgchWFqtwL1krJLehhdZ3jHxeSCJWcAJl/iQVaUpITl+g="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.43.tgz_1517387400440_0.11720172548666596"},"directories":{}},"0.6.41-dev.1":{"name":"harbor-ui","version":"0.6.41-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-nZJJgkvfp6DLpwXRQePfBtoaOI0pCt7ylsFUL2goGomwKhTMPeEWNLhJwT4xAE1j5zmCUQk3P2BPz6b4jp50GA==","shasum":"635c88f334b7105497ca488cec13e964c8bd8b32","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCnF2Pd672wH0y+7NDaI6Lov+ZEO2eMcxSGQtRBHjNC7wIhAMYU9iLo3UK2ANc0/6T324aNByKwOVaO5dFkoNQBf/f3"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.41-dev.1.tgz_1517539932076_0.41739872051402926"},"directories":{}},"0.6.41-test-1":{"name":"harbor-ui","version":"0.6.41-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-lQfJKHOkHkqRvXOfX7D7EDqND5+yea0ZRZliaJyGZ8googYvB6Nop4NZqewpeuVuffZbC2ZEq6yX7pno0/kCZQ==","shasum":"7b55710422662250af057d5f850004077e8a9714","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpjK59of9RVz+GQceTtTs+0JOo0owA2jmhtEHVYUwZSQIgPWlT5Haqnu1woBo4oKVWHg5X++SGCWPbQq8E3QueUmE="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.41-test-1.tgz_1517569226031_0.34604994021356106"},"directories":{}},"0.6.41-test-2":{"name":"harbor-ui","version":"0.6.41-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-azKE51HdZKkKSWuVZKeP8BbDHTgl8jlkdk6ql5VJngDzSKgr8LRKE3YF2P+1B+d9RZ951KE24UI1CCP3k6yGrg==","shasum":"d29eba4b7c43402775a1de9cc3a31374d72e57c1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDVgY31jeCzeSIJ7OSPjK23yhhyfA8UYnb4A9VZ4xprEAiBAFfIY3i+1id+BfZBkgF/M86rEFPz28pE0oRYBhmc02g=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.41-test-2.tgz_1517570149860_0.3331700870767236"},"directories":{}},"0.6.41-test-3":{"name":"harbor-ui","version":"0.6.41-test-3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-3","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-z41Eq2SAXfwuGzOtnOon9K27VzxfEDYG5ZS1iWPKCOy6aibnLZloSf85QKe8F9xzLOuOGx7HR5s3Dhb8BexkFg==","shasum":"db075f660b72dfa78aee41ad4f5a4c818b8110ce","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICdEQSfBZRvSzmeAT9KyRC2Kw0WYrBKDxV4UesJyohwyAiBmBb1vgwiUSE9R7pdl8ChjDo4JR2dXB0fuQisYARW69A=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.41-test-3.tgz_1517571596696_0.44390745367854834"},"directories":{}},"0.6.44":{"name":"harbor-ui","version":"0.6.44","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.44","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-IicRA8CrCP45RVSjEDQubtWp5lkMmeqmAtx68hf8FQeKoMgbTBeQvj++28375F+rirBY6zzafxf4fkmEFtiSMg==","shasum":"fc32d11b7f072946b923ec36e5ba52f1dc30959e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.44.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGsY7tn10MFaUBCUHmO/9YdUW2qg+qZUhqHxMfCSp4thAiB5AGdBwml+GoZwSzbz635Bt+XQgfxbanTHQwuK6lUNyw=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.44.tgz_1517827694457_0.7874265674035996"},"directories":{}},"0.6.45-dev.1":{"name":"harbor-ui","version":"0.6.45-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-n058R/8uBvd0mrfrZ/Cbg3cnWEEpoFDf/UwHbbY1qGYjqfudxsaK+TSz8fCqQ2jRrEprihymhJVk3eIZUYeEbA==","shasum":"dc4046172f00c0009824af8a70d6fa93a92a5c8e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-dev.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICiDeJVKg95pK7StYg86xiqL0O95r+E/MHI4ED0sJu4IAiEAmBoPbaxVMuQCrTMXmsyTLsOYXLmpL0zdwCaKG8J7kdQ="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.45-dev.1.tgz_1517828672814_0.8924002473156274","fileCount":670,"unpackedSize":3639576}},"0.6.45-dev.2":{"name":"harbor-ui","version":"0.6.45-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-A3RiaDm1hSGQxV0gBDcBNQG6dGJeJm3hshzyjVE3eRM9TrzLbs1cl/0EYmBilamhkeAC/qRpF4OocE71WKVGOg==","shasum":"b6144d658252864c7901479a6ec988b634dfc6f7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-dev.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICSPKvLASigCVsIb17FiU41QQafeV6FoNluxtgLmWesmAiAb77NbClmA0D6sX0NxUtZvLtJvGMdYUdhO8exFvpd37A=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.45-dev.2.tgz_1517829401848_0.10406630649231374"},"directories":{}},"0.6.45-dev.3":{"name":"harbor-ui","version":"0.6.45-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.45-dev.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-/AF8WE02iAJ9zwTYbftgTpG/rxR809KjmYDnOOm7v3CxmBUtCTdeBfSO5bjFrXr/G73ermxbghhv63YNKEnkjw==","shasum":"dd61a78f535885659039b9c3cfa130c8013e4e50","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-dev.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJwA+1J32O2o8e4ZSL0OWJnq7gGsRXuPkohv6ph1uVkQIhAMK61LUp6leXMf6LCNKzunFAjhDx5HjyBcjGnyRR/N53"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.45-dev.3.tgz_1517830207750_0.17609532829374075"},"directories":{}},"0.6.45-dev.4":{"name":"harbor-ui","version":"0.6.45-dev.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-dev.4","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ynN309oC5/EipOtlSoTNFPGRbsRJiSFc1SH6158Be6i/VXUGTuJjjzsFvUXLnJCAI/FFSgSM06IAZKFF45tcAg==","shasum":"028fb4be689a6022205cbfcc910b6b1abd2aba2f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-dev.4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCt5q8XyX+90td3cRc5Z0S7baK5//jSgEwNbPEKFtgEQgIhAOPRNIx+oSAwNt9gMQM2/DsbtV6eNyL+/isqlki/zQw6"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.45-dev.4.tgz_1517831176570_0.8492098255082965"},"directories":{}},"0.6.45-dev.5":{"name":"harbor-ui","version":"0.6.45-dev.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-dev.5","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-AKrWNT/s/rVJtIGI8k5SzFM4jpM6HVbk3S9SMVdi6O9ECaKnotUXIl5R6ZR97rs3AwwGbj+mc9SViHh3sGvllw==","shasum":"c5164db12db55744224c66666bd9185f7ce4aa80","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-dev.5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICjGtBtdIkLvOieIKE9XtMsB4VfXvWcNpcJZolsKRPsDAiBeajrgGZWdcMNMfqGmCxHYnafkGFLt9lEU2FUIC3OFKA=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.45-dev.5.tgz_1517831230250_0.07364443619735539"},"directories":{}},"0.6.45-dev.6":{"name":"harbor-ui","version":"0.6.45-dev.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-dev.6","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-/qUogqycXgag/riCcPkJ8bzzfagj7ml+LkWb/dMELFENuC+2hCXvjHXtD1W0BUGUphLyd0i5tSrh+AeLRK/d/g==","shasum":"3c238109edd3ddddf26344d6f3f12ab315777ce3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-dev.6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjNCn25jZtiPhm+QjTuPzO445xTFATPCzglqnR6PHsGgIgGzcZyYCsuigNJl3e63Mx8jBiYDxWAX+uRCuOc+11gKg="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.45-dev.6.tgz_1517831644729_0.34216687735170126"},"directories":{}},"0.6.45-dev.7":{"name":"harbor-ui","version":"0.6.45-dev.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-dev.7","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-kyeh2OJdpDUGjHD5ukIjHLUif4fZwUw1Ypcc9Umo2JGmoPVOdf2PkaoEazgPJT0pDjy9JJgWDXa7AC+jZc3MFg==","shasum":"6817be7ac44ed7979db71054e2f98c76fea006bc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-dev.7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDe3171oo8Sl4K8vk3LJxhCIuxG7qwFVIJ1AKkTqEqYPwIhAIdw7zJKMzjmaFDaF05PHcIGqgYBOtpOT+rcUKQmY14i"}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.45-dev.7.tgz_1517832978582_0.7154470134992152"},"directories":{}},"0.6.45":{"name":"harbor-ui","version":"0.6.45","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-+yXkFC03hZD748h6W9zyS+/g5rQskBZLf5tvZIPPvdf6VVBnPxgSP6pRrZ+zd01nYISDm3I8IL6llQlqqVPqxA==","shasum":"34d4212e27f5af0ab2d5183f54e61be54ca2ebf2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICPAb+70l7h0GlJ86+y4BvQp8rCK9B30kU7V8HSCGKAWAiBQ/a5fnDQD3/tqYQHg4da/fUyMUtVvUczJnHHVFKEBYw=="}]},"maintainers":[{"email":"dengqian0826@gmail.com","name":"ninjadq"},{"email":"szou@vmware.com","name":"harbor"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui-0.6.45.tgz_1517885587063_0.23764351522549987"},"directories":{}},"0.6.41-test-4":{"name":"harbor-ui","version":"0.6.41-test-4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-4","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-sRmkMwklM6QVZ/+YqpHeuEHJg/3KXe11ncp74VOiTdoLgkHSsji78K5GFpVE0IDyNhpAzpOTHvsWtw6/V/RY9Q==","shasum":"5769fcac6710f96aa66deed9deba83ad4501e2d1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-4.tgz","fileCount":691,"unpackedSize":3874157,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC1Z9q1rLscdUq0pRCdMjg2kBBFCepP+2/0k1lb5MyoCwIgCgkeq0kYVzvrDG9B7JWARqyu9GVRYl/LxQnsXAmhm+4="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-4_1519631265732_0.34104006329134595"},"_hasShrinkwrap":false},"0.6.41-test-5":{"name":"harbor-ui","version":"0.6.41-test-5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-5","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-SRKHFsZP732FualKCgkMyJgjMunJLMQHfuZm+0iwoVYLg8rnyeHGL69OaB7817AJMBzZZHSV4TlqdhQ8xjPDug==","shasum":"e46a5d6bb754d315ce5c0ff377e64c86f8a72c78","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-5.tgz","fileCount":691,"unpackedSize":3878128,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDup0e/7Q5wvp38h3msen4Uq6ZnpyD6yx2L/sviKP0XLgIhAK/DJYsKBhrikTZWNYyQaCN7mtPjq6NaKsBW/hfUTxID"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-5_1519633641485_0.6452278999569434"},"_hasShrinkwrap":false},"0.6.41-test-6":{"name":"harbor-ui","version":"0.6.41-test-6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-6","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-7AcL6A3UA6f9MdqdQDfLrETsGOiHoKI2C8Fqewt9MUeDC+KCPvVJwpqsaDbfB0qK12vcsoceTmyy9lQugNottQ==","shasum":"2f50f2ad91aab81f85ca8bcd7abdc77d41776b3b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-6.tgz","fileCount":691,"unpackedSize":3882353,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGQw12Q3Taw9j1h9weZF8AN1Qo9PMXUFGqYIximYoEEAIhAOQjt0ECIqF8+rRLtNGEaZAvLiSADutQFTy6PurUHXX7"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-6_1519638393149_0.5608378765022233"},"_hasShrinkwrap":false},"0.6.41-test-7":{"name":"harbor-ui","version":"0.6.41-test-7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-7","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-B3qjw8QUalFMXNsEFCScEUty3D4fADc62zU390FZ1zk6pGvJF3n9pT7M+L9aLziMjAlcqrqmXKIKxxMoKVMARw==","shasum":"2799c86dd767bfbb07ea8fea35fe3a8f275fa44a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-7.tgz","fileCount":691,"unpackedSize":3900156,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNMtFBePlveH4anA6b/qJIf4BC4fMM0DWtynD9S01twAIhALGFFl/xt7omjTmfk304J1qQEl+f0YmfrRdOofgW3QnK"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-7_1519726754920_0.4956474031126761"},"_hasShrinkwrap":false},"0.6.41-test-8":{"name":"harbor-ui","version":"0.6.41-test-8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-8","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-N4IDC2hKaEoY5eaH97tn3ljTjASY0JgvPbQnkMyLq6yhBxhwucTFCZwGSlQNRbfjMxG9L7EZkwyFVCxwe0UWMA==","shasum":"f857874643cf9ce8174d923d792b1a3f83051f3b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-8.tgz","fileCount":691,"unpackedSize":3900024,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICbuKzyg6qtbHLDKgzTF3PB8keOO0+pkjh4O4IgEwf92AiEA12qWRLOfNqca6T1J0XWlN/h/1qwM2SouMOsQEoC0OFQ="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-8_1519727109734_0.6424729934998059"},"_hasShrinkwrap":false},"0.6.41-test-9":{"name":"harbor-ui","version":"0.6.41-test-9","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-9","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-jixPGLWoepq9A2XWgWV27TcAmLOR0pjiFPnj+UOuDo1DyhMRVdPUWYSQ5awf1oPndmh/Ah0F55o4z+tCSany/Q==","shasum":"e909a428eacd7d32262837ebd22e2d20d355428a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-9.tgz","fileCount":691,"unpackedSize":3903334,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDF+gydx7483bTZJtoqIvpGV9SmSUMuB5XArn0XYOXUSQIhAJheKTksEginxqWC1LJLIIdNwHgERRi2KF2xoCJo8utl"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-9_1519792684255_0.39538011161867304"},"_hasShrinkwrap":false},"0.6.41-test-10":{"name":"harbor-ui","version":"0.6.41-test-10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-10","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-8z7vkdc5KFgW//1e8IYNotwX3SSrLvzpwEGoEw3nY5jAWtHFyqQnCe2U4gil6cdJSXgIn6Mq1z47Fz1yFcv84A==","shasum":"01595229d8934a8a067d3f1f99bbeab04c2a3e57","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-10.tgz","fileCount":691,"unpackedSize":3905145,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDj/jB4HdJhV0HcjQTY1JrVl17RrAXN2QBjDEC9ev9rlQIgIfAtEKYZRZ3C1Pl4P5HrcOf10Exh9zMKus/TrkpTMoA="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-10_1519793694576_0.9873086391425938"},"_hasShrinkwrap":false},"0.6.41-test-11":{"name":"harbor-ui","version":"0.6.41-test-11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-11","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-wuCOXyuWDCChwAyX/dUmPa6fNDIEigZKmcGdTHnC8LZSvclu2GtmyEE42KUZnvlJKxAkwUKLoMOmhaLOwGF7xA==","shasum":"17dfb5f1d4d22e0bb0f1c4177d047a9cb2583dd4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-11.tgz","fileCount":691,"unpackedSize":3905089,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkE1kOrUCCD9me7Shvojm+VWVbzuJ7rOzUehjDR6ygywIhAJE0+f5Co/iuOHiapFfkTk6x7j91qJi/8kvPK7JgD+vp"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-11_1519794043298_0.059383224808169155"},"_hasShrinkwrap":false},"0.6.41-test-12":{"name":"harbor-ui","version":"0.6.41-test-12","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-12","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-BtTYIQIpoATNLYl5Fr5LLwR9KUX2l3FnH+9brW79qNruUs34859BP4umSEAxJVMGDdsFyE2CLnVcg3d70z+efw==","shasum":"1a5a85c9ceb952bf5ea42cf719536a1895ea5fda","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-12.tgz","fileCount":691,"unpackedSize":3906879,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICKjqS1ojFocu62c/VOdOcR9W2faH1hQ7/+uGfZAOX7LAiEAqrnngcaC6HWvi6VCkSjfcnThAOaYB/FVAP4tIqW23kk="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-12_1519796483834_0.7309770259863009"},"_hasShrinkwrap":false},"0.6.41-test-13":{"name":"harbor-ui","version":"0.6.41-test-13","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-13","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-fGMt4om/O5yLjabC3w7i+Ght4e3GtxoSw2cKmXzTYx/QklK0SlHRqUG/7Hk1F7RwVkmoH6cZj9yh6Uo0rTw7lw==","shasum":"87623952332e843fdfcab325741582cdded5538f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-13.tgz","fileCount":691,"unpackedSize":3912166,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID89wHoBZxsr/AiOZjvI+QBdSp+yX+KKuzs1IigJomM4AiEAnd07goAkO71oyfPdNMxjnhONOF7K8ZuBRgC1tYGEMy4="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-13_1519800585607_0.5682554035996128"},"_hasShrinkwrap":false},"0.6.41-test-14":{"name":"harbor-ui","version":"0.6.41-test-14","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-14","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-cN2PS/mvVWlarCoHjnsxb7pmAdrmnSiz2xajwaKji9UQxqQNQPWSlWMznKhPDBwPUH+MChQyNAcK1Cf3GYAWPg==","shasum":"17066dc2d77043c6b0c09d7de0e5220c8f4bfe0c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-14.tgz","fileCount":691,"unpackedSize":3916415,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGAFikJqnFDLKJYKfWKqCP9kNMBRaEaBakVKitEQMJ1PAiAQskvaoU2ynMqRh9bgwE5AAU6OHannFnuAL2TQ1Jibig=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-14_1519807727754_0.7799852517014103"},"_hasShrinkwrap":false},"0.6.41-test-15":{"name":"harbor-ui","version":"0.6.41-test-15","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-15","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-DwLSPEsbHm/eewlaNYShPGCadsietYJkdgJguss4nKSrjCjcoaPfdGJX6dEPyAzya2dUbvoe05CvZ0+bVZxQjQ==","shasum":"55d319449a31db3dd0c283bd631096fc943dbce0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-15.tgz","fileCount":691,"unpackedSize":3917088,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAOdFmpv3shkWY2E4802z3w4dADDLMAqpcqa0gWqLm7ZAiEAiKGl+6b+K/XsD1dl96OkytciLJ3fOTdips+SoKK3g2M="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-15_1519815315204_0.7209637673813032"},"_hasShrinkwrap":false},"0.6.41-test-16":{"name":"harbor-ui","version":"0.6.41-test-16","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-16","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-OYFiQVR3yZ9Ic8TzlRimYyceAXUzpPO6lX0nmjHqZVqdJj+CTl+iDYar6Zs8mE0GCq2lij5UErUKKplCHmw5IQ==","shasum":"a32cab8f08cddcd04ea5c3de5bae7a5f15cfabca","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-16.tgz","fileCount":691,"unpackedSize":3917281,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdf/V3kEWcEHPvvITQgl4o709+e3oxPVs5MJIdgc5YvgIgQmPnfrpgv/CeSrqcLyWM+aws9rMVFQS7GWX+ZmCyqyE="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-16_1519817334890_0.1319861939587057"},"_hasShrinkwrap":false},"0.6.41-test-17":{"name":"harbor-ui","version":"0.6.41-test-17","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-17","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-T56I2TOAfFQBj6PGFtpzMvvunTHEhWPvmImPDP5wbHNt/GOg2BRB0g9S+bRBYvz8Os9+HqOZRmusvnf8QnEo+g==","shasum":"483183ffa56240c280229ab3c50d6220dd37c9fe","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-17.tgz","fileCount":691,"unpackedSize":3917278,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICTV0+PO+tgzTH3g++6H0D9OfovDcTaoTxpo+omsjbisAiEAkGmttWkTnEyU3DZ9fbHgsR0b0RXcc3xH6p5y8ukxms0="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-17_1519817815069_0.6550357552694921"},"_hasShrinkwrap":false},"0.6.41-test-20":{"name":"harbor-ui","version":"0.6.41-test-20","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-20","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-B1DBhMxssMSxU80YUoUW06LYWRyDC/QYDnQOj1tFAbQOZDdt5euLsaiU5ncHTY4wfvatb+hIDx7EW5xiv528Hg==","shasum":"66e56f68cb0b38b206f09e553c31c2da17430029","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-20.tgz","fileCount":691,"unpackedSize":3919880,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA1KTugmdQBxJPKhHF7hsyh7DOxw8J8z96gGhsu7mg8GAiB32ZWVAv6PRiTGmF7lEAwj3WlHZ7mwL0za7jn1WhwI0w=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-20_1519820705294_0.8702510175463722"},"_hasShrinkwrap":false},"0.6.41-test-21":{"name":"harbor-ui","version":"0.6.41-test-21","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-21","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-0cYVhTvw5Jzuqj24qXdHHPxcoPL1KO9+xw/k4DT+G1EW+o5LHtZ2+vAw37UyoSPEz1hj9iYLb6o1VkHJ9Qnd0w==","shasum":"85bddc3b9baf2b4b6558bf6c5243ad81b178681b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-21.tgz","fileCount":691,"unpackedSize":3919964,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHkpXzunJM5wHSFtCRCCgaaayPRfSWPdp00cp/eZh8b1AiBs3XNWLReffiNV8YiJ6mdr4oPoTOvqxbkpfRzqmNJOww=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-21_1519867945099_0.45543038534470015"},"_hasShrinkwrap":false},"0.6.41-test-22":{"name":"harbor-ui","version":"0.6.41-test-22","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-22","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ZRhvVej3laT86S4DGlBDnEvWGrvq4dKKbsP50ks5+AedBs6KSQr4c+IIgkiyOxYtKd12XLHsqXfwVT1XM+vL6Q==","shasum":"0c3b8d8c4effae6b5cd26e8d56c9de7c22fbb709","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-22.tgz","fileCount":691,"unpackedSize":3921716,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTAIPcj3kZ5hUH2IW6w0jYPPZprC3+9uY87ryyAepNeQIhAMaYOuW23IWr8PDailL3WjFbVsrZ9Pw8HwpPkQKe0ijx"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-22_1519874551126_0.1639850097713227"},"_hasShrinkwrap":false},"0.6.41-test-23":{"name":"harbor-ui","version":"0.6.41-test-23","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-23","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-jiIHfDwWt8eXy8fI1QqbS33Xo/P5zGCy1bbsxPNLdSoYvUNh0iA7CbkM5p64Vl5zM2Vs4vo7r/NnmAssABCBYw==","shasum":"db40def5c322543a384fae6617c728c74cb04235","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-23.tgz","fileCount":691,"unpackedSize":3923221,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGL9kpgz+ucRTx9uv6nGJXHv02SAvGVZM4VT/LzrGcKQIgVkYMNh+T3it6xAmQMJ22uMUHDDyoRhPBTtLZtbDze4U="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-23_1519881241017_0.45090479530643335"},"_hasShrinkwrap":false},"0.6.41-test-24":{"name":"harbor-ui","version":"0.6.41-test-24","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-24","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-g+igZcF8Hd8fw8tCBpr1VO/xddNOKm+nVwVIRKpJwu1D1PAkEzrrXt1uPlDGNoiv0qVaGJyD2MUg1/PO9ZXKMw==","shasum":"e8dea661764e7c5df718a7932dd095c7ab85a181","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-24.tgz","fileCount":691,"unpackedSize":3923506,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH760vEjrC8/zRyAhRIyhGhMPhH++DVm4pfcuzQslpc0AiEA4i1gT8wTR+gItp6n1GV/JLTa4P0+IdG3zUUrZMjKKS4="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-24_1519881961572_0.8743927405533727"},"_hasShrinkwrap":false},"0.6.41-test-26":{"name":"harbor-ui","version":"0.6.41-test-26","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-26","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-SZK6PYpN0OTEcNl2y6wJkZ1U4jkJxq/mh4cufiiQJ2zNyRB0cZGaasVqHXLeGtO1ZTQjiXEuAl6yIUXuxF2SbQ==","shasum":"9e38ca9d730301676975c78494f2d04c0f2cded5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-26.tgz","fileCount":670,"unpackedSize":3833788,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHhUjYwXYEB9d0h0uhscgsz10XZsVLZp5hfby7/Iv2nnAiEA2bQgpBNbQY7URtBdnlMhOmznH6hcQFf8oigl/fPV53k="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-26_1519968061192_0.2224682520261012"},"_hasShrinkwrap":false},"0.6.41-test-27":{"name":"harbor-ui","version":"0.6.41-test-27","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-27","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-OcEGyi3+hAxuVhGlf/uzr8iXykPN73KqvXTqyBu2+Si2Z/+mKhzCLkR78yZNSK7/d8M61Ko8a+sMea/xkjIkcg==","shasum":"93b65f8922032bb564d1dd6df87b04b1c658a495","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-27.tgz","fileCount":670,"unpackedSize":3837706,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwCs3lIGbqRcC3/AeqYi54kxAehR/zxPSM+nzkAdR8dQIhAMJpOX0sL45IMy7/026edkaECT9ME6iAR9DsZUot7kn4"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-27_1519984560133_0.7899692507921865"},"_hasShrinkwrap":false},"0.6.41-test-28":{"name":"harbor-ui","version":"0.6.41-test-28","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-28","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-pHvAxwXTVbR5SUMfNzrp+fbZ2fEzOGG0+Hp8/43BqBdh6IXrUvo0aEt7/Oi3449+j/VgwP3mg8T5pk+mxTKQJQ==","shasum":"f35651d6ee18275f99c6bd39a7276584153127cd","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-28.tgz","fileCount":670,"unpackedSize":3837706,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNOXjDjmqc25HmULlxwJjX/p3lXseUuROsX8+agdA0dQIhAOJBi1ViVYD0asvsPNlS8GZpEPMl8H8no8ePE4XNEMFR"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-28_1519984658853_0.9162044214546761"},"_hasShrinkwrap":false},"0.6.41-test-29":{"name":"harbor-ui","version":"0.6.41-test-29","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.41-test-29","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-vG9iDF6G2ssjIvz+4ftnVj21ieg9yOXD0pFV6T0A/mspkuTMXnLPtvMXkXyXKcrR1a1TZNyE13M2Y8W3ah3X2Q==","shasum":"32026736fb2b158443fca0d10054fd622d20d361","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.41-test-29.tgz","fileCount":670,"unpackedSize":3837706,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDUa1PbQR/5NThRHDrXMTnOfS44A7juwwxhth11fjaiKAiEAoIhajOo3tBCzsDNPubtX9lPhA7EjqxQ1sD+dHOxVDyA="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.41-test-29_1520042422296_0.9397329959642036"},"_hasShrinkwrap":false},"0.6.42-test-1":{"name":"harbor-ui","version":"0.6.42-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.42-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-gIQkn8KAmuUDw8gTq0CSwJFLLM0Qy266Z11o9UDpLXOdFFbGNidhWgDuYuOc7T98+4vQyi4rgWbUSTQhCZUQow==","shasum":"2578ccb5160c1a39e420fbade202d21230baf522","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.42-test-1.tgz","fileCount":670,"unpackedSize":3838517,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBMmz/b3tbyAmgjDyXZ6AugSsX9oJaxqBi+lin8cVJkgAiEAn46YRMRqw3uT/xbwhj48/sDoUrbOKp0bmppVrGWM6Oo="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.42-test-1_1520217238940_0.7100561220388797"},"_hasShrinkwrap":false},"0.6.42-test-2":{"name":"harbor-ui","version":"0.6.42-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.42-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-czmsU1TptIH/TerFJApUpVCVzwRtYk4ixNTRDcw7IMbKPJU0Z/OCIMygFLe6iVT8u5YRqEefHTSNwwjVM82zlw==","shasum":"7a00e2df20fe90eb6fdd50e503009f60dca9a10f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.42-test-2.tgz","fileCount":670,"unpackedSize":3839238,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHiNjYYZ6ySS/jiYbSJhxjL+bd9ULipU/ZL+SqyCn4GBAiEAjCK8+BpH7K5IBwpH5wFWzGoJm5h8tG+mO9zuwXUTDBg="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.42-test-2_1520219179359_0.06884246626817925"},"_hasShrinkwrap":false},"0.6.42-test-3":{"name":"harbor-ui","version":"0.6.42-test-3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.42-test-3","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-752a2AHYwEu5/xbnevWdNNaZjfJqgt4clz9nCl16jgJcF2zGxit0e0o3QtR9u1elg/pCw85OUrUafdG/dQ5S6Q==","shasum":"67aba8d1c0fc8280f33278f2b055fea8ed228eda","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.42-test-3.tgz","fileCount":670,"unpackedSize":3839301,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAg1oJWG7VdHgkr4Xg6rkRejCwFDZ3siKYeBriaXA6AIAiBClT5jtTH2sgzXXv9c5lXCaglLTn/n1WC64lwx5MmrGQ=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.42-test-3_1520224158185_0.49799805270745523"},"_hasShrinkwrap":false},"0.6.42-test-4":{"name":"harbor-ui","version":"0.6.42-test-4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.42-test-4","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-rjwWPhifOpFvQscOlBugcI1dpc2GI0ovs45O9t8nlgi3PYBbOP0WfPx3BVWfd1McQCBZdfrlwJT3hHBkssPfAQ==","shasum":"64f7ed6437a44455ff1da8322850e32db86d44cb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.42-test-4.tgz","fileCount":670,"unpackedSize":3841504,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE/B3CXWYsNeN2sKAhdG1KahUT6pMQaEVeIsMTzToxoaAiAmafze0fGw4fNK4/535r7XkVuZMJUj2gLcZenJD13vUg=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.42-test-4_1520229834626_0.8107463002191113"},"_hasShrinkwrap":false},"0.6.42-test-5":{"name":"harbor-ui","version":"0.6.42-test-5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.42-test-5","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-62q5kmk/Hv78PGw21a/JP31NA5wjfyeq2zK59OPp+O2VqnXO9gvd17nOedAeBNLZRyqMwhfSsQs5ZFPO8VtFbQ==","shasum":"83072a82d32bd86e60ce03cf97db15ee118c3989","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.42-test-5.tgz","fileCount":670,"unpackedSize":3845536,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCK1/lplv5XSQM+Gkq0Nbhj24F6qLy0iAdJ5ZSwDy/b0gIgK+RlMEIHixopBmm/lPlC3jf65jMV6v8FqJ3RZ40rOBg="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.42-test-5_1520232098708_0.6624374683919929"},"_hasShrinkwrap":false},"0.6.42-test-6":{"name":"harbor-ui","version":"0.6.42-test-6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.42-test-6","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-4Ky+DignXnv7zGxJHzkRnJipOA9f++sgSH8zzYfsvgwGzvEEEKo/qJ0g/fJS5U4Sns/UMsLQOsMGqwUMFYnjFw==","shasum":"d1dce56658b08b294789ba450b195be50d2749e8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.42-test-6.tgz","fileCount":670,"unpackedSize":3845536,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGbx77JX6xvufFUjE7b3Js9Qx3+80eq6RY5ZHJr6g30OAiEA9rdWI/ezGbfhiz4evLGyI5FyYZtXAyU70oNKGUwgAOQ="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.42-test-6_1520235947835_0.838037192889886"},"_hasShrinkwrap":false},"0.6.45-test-1":{"name":"harbor-ui","version":"0.6.45-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-M5/zQrgKPvPSrENhQPsrrXd5Sp1kYNarN5BkDo0wh/XgOyQF3Fy8FHdmNL42+KCPKsG0i9BAOKSOuRaBd+4hiA==","shasum":"ba931b1eb589c261fa7464ee479caf9a6e539eba","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-test-1.tgz","fileCount":670,"unpackedSize":3849151,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCfAArDengR89FXvEf+46GJtoNqunn92UsUK0oziyGe6QIhAIzgaoo1fVwu7O9zad0ogmtJ2oC0ocBogkR7QVhj6VE2"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.45-test-1_1520242234762_0.04841376151067456"},"_hasShrinkwrap":false},"0.6.45-test-2":{"name":"harbor-ui","version":"0.6.45-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-hYdPlsHKaBEeHHSho34Etb6tdcOtfuZqmtlTLhC8MnaCaF1jdBs9souYAA92hlAkM2rAEGHKt7fWsFkH19AlUw==","shasum":"f6149a6499270d8990264d59b3cbd35e448ccf33","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-test-2.tgz","fileCount":670,"unpackedSize":3851965,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFAZi/4Go5dU0WE8O7BI8z4JI/ETuiqRHPlqM6kL6JkwAiAhD9IH/Vx5gPScaoenHV5u0vJ7pQar8N0cE2FVbQwIng=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.45-test-2_1520251660514_0.7548586102435746"},"_hasShrinkwrap":false},"0.6.42-test-10":{"name":"harbor-ui","version":"0.6.42-test-10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.42-test-10","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-xcdvqceXdqXuO4hpOE0fXY63TsGVay2kbraJwYNdR+e/nnyrvpYxqTCHQ0Za0Y9SIX/jNRWupMk8ETfy0/T3rw==","shasum":"3fd8c8ecb39f869b3bff27821ef1998ba4bc53e8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.42-test-10.tgz","fileCount":670,"unpackedSize":3851519,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGCgcG4a/S1o0NfpwH9Cxo5q4C35xWIBr7nEWh9KjoWsAiEA+GZAcUtKTV4A9bhlVpuDwN/QyfMQSwZ1wGdG50tjyTs="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.42-test-10_1520302874868_0.8917337773558354"},"_hasShrinkwrap":false},"0.6.42-test-11":{"name":"harbor-ui","version":"0.6.42-test-11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.42-test-11","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-6vv5+oNJ5aLqjY31qO+LABzkJ5FWYZpWxFTKJT683tKCDkXbYjh/xjVx7cxdMywoPmWAnrQicb7faG0SVaeM2g==","shasum":"f97deff16c6cfe4aa202d8a194ab4863152c8166","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.42-test-11.tgz","fileCount":670,"unpackedSize":3852183,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCy8zBn3GeRjUDJsaETTbnbgjeRUxLgZ8AEks+z+Jh/7wIhAPPl4FDNgfgFNnWYFxeU95ZM7KSYH+rdlNziuBebYtCV"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.42-test-11_1520305114247_0.36148787225809187"},"_hasShrinkwrap":false},"0.6.42-test-12":{"name":"harbor-ui","version":"0.6.42-test-12","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.42-test-12","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Bz1TFj6lS0tEbjQg1g8mfupLWeVsD5cyBZgwwL2P05l4SpCzgdyJMfOeL2TCBSNdMlJlERmW9kGaGesk8yTtaQ==","shasum":"feffe4f863afba97f2dcf80539bc60f0d1110c52","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.42-test-12.tgz","fileCount":670,"unpackedSize":3853784,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGojFZwKR/q6Xx5GBc3FYEGZ0eBpY8dSTyyvuxeNF58HAiEAyI6rfSpfaiQC283cl140fk3quTlDTcve9w+bgE1oHXA="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.42-test-12_1520313792490_0.2604942334519653"},"_hasShrinkwrap":false},"0.6.42-test-13":{"name":"harbor-ui","version":"0.6.42-test-13","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.42-test-13","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ZgzvzvbHN17vHuARElrNo/7Akq76Pz/K3cG+7TzNx/XvxH1zDmuLQ8PvyROM3qBjIo4Cnk5nQeLLppYi1lAbbQ==","shasum":"26b3de047ca82a0382b2130f7a2274f8089bf595","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.42-test-13.tgz","fileCount":670,"unpackedSize":3824279,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC6yBnoE2bMBgs1PhPdhX/a3cwbgaQ+bdCHkEjUKl2zLAiEA1J/CbDJ+WKHjQxdCqdUuC3T4QrwaAIhXLDK/u+BwmBE="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.42-test-13_1520328225433_0.12637459067753531"},"_hasShrinkwrap":false},"0.6.42-test-14":{"name":"harbor-ui","version":"0.6.42-test-14","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.42-test-14","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Cm2sXRMsQr6QcVbLFt1fkRCIgN/fjCxCQUD7fqPjAeIPRKn37iEXgBKaBUurQ6L6UrQW81kVRNNEZdllaqbN1Q==","shasum":"ae6cb9af4c1798e7a5bdeab2e223da66bbc1a286","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.42-test-14.tgz","fileCount":670,"unpackedSize":3824660,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBAHzrXZOkS+la2BQc9Ed7qdvvy4GRmKoD2TRHDV9EIHAiASxQvuCnlo3Fplnfkg9VKdwr9cj7jUAjh+lLqLHbSFkg=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.42-test-14_1520331818203_0.8163788971924353"},"_hasShrinkwrap":false},"0.6.42-test-15":{"name":"harbor-ui","version":"0.6.42-test-15","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**readonly** is to disable all the create/edit/delete actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.42-test-15","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-JxUHZTBnj9JqpHlzSmR5lFColucoCqxaRja+G8gUySp/Mtl3uQFxesxhj2pP+2vLnxbHQK4ydq3ZlcIpU9hmkg==","shasum":"77669783b7f5ee1f89e5e96002261ee5e0ac4cc6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.42-test-15.tgz","fileCount":670,"unpackedSize":3824660,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDzjCSo9IsI4qZ4Qj1bNj2m6tWwxDf25J5qjqbLERVgMgIgAik9+w+It8R8dZvKRa3h5oc1X/CMqjZVrJIQXZLG3yE="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.42-test-15_1520332843442_0.5293344540038736"},"_hasShrinkwrap":false},"0.6.46":{"name":"harbor-ui","version":"0.6.46","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.46","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-oAZwTMmFTPV0t5DIKEOPeV1yJst/YFOzByczk8301+0jLokSsCa05tIXkYelp3ibMj5aWkAf8eKGl3Mk1vVhxA==","shasum":"e147fc7f550ed7766dd70a78ce7c73a370a9b53e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.46.tgz","fileCount":670,"unpackedSize":3823442,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICt3rshsO5WIqgXheWdLbp3DSANAmEX+XncRudX0KgzeAiEAoDIjCuqXX1VGUTNcbWc0+yGSlfAhqkLrydePwKXeUP8="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.46_1520335584493_0.06473571068944062"},"_hasShrinkwrap":false},"0.6.48-dev.0":{"name":"harbor-ui","version":"0.6.48-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-+0wZvI2KGnqeP4DE0/6b5O7ucn9/tfg4YUI9yAcbR5argH0HC4Xze7XK+ZOy7NaSmtXP2fP3UYKN1aNlkY3l3g==","shasum":"76816bf05358b1a3230b9547b746387ef8d4d6c1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.0.tgz","fileCount":1195,"unpackedSize":5836355,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBXQ2DZw27+9vu7kVPb3Bh/vGO1tSH/Kx+/PlUcQ6S3jAiA+OSxxqb8Z03W/ruhKY7TkSfh1bYHk6fYwVBgjW6lx0w=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.0_1520476062733_0.9542944842480698"},"_hasShrinkwrap":false},"0.6.48-dev.1":{"name":"harbor-ui","version":"0.6.48-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-1Bz5vZjfUaOiwihQzAGbcTkq6XtLa4EMxv40QMF9AbHzR/0971JF5zpbNqirl4RF/421BCP8KftBB3Dj78sjHA==","shasum":"e36484bb0b5e5fdd1c2eb8897cb56e9e2d99a704","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.1.tgz","fileCount":714,"unpackedSize":3842934,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGMt/7di4pcuNuhnEWlbhELgjb5aWW+uPMrydjh2xGnIAiEAwcefwTsGM+OYeJxZxTGzmngaaRqWEM9TnzAaj2TlACo="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.1_1520491169880_0.5978510010042928"},"_hasShrinkwrap":false},"0.6.48-dev.2":{"name":"harbor-ui","version":"0.6.48-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-79f8rcjZSo7ktz9ypzBGyQES8hcbfowb+Z51Ysh6cvgUeCMT2Kvr/2pCitv4T4SD9DLIRn7o39u2PjUqtd5FUw==","shasum":"320fb85e9d179c3ff3c13bc799392c98ef0e8c19","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.2.tgz","fileCount":714,"unpackedSize":3842944,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDt7UKHR8SkXPpZOXdqxQJH9K3lXMD6nxwTgo7tbY89DQIhAP1UwsM08lSk/4QnAlO3UQ+f68S+o3hBAIkS4+2UycbF"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.2_1520491574075_0.36372903744720086"},"_hasShrinkwrap":false},"0.6.48-dev.3":{"name":"harbor-ui","version":"0.6.48-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-NN0G4cg/Tsn3tBHOxl9y3b6pAuFn7fLUHp3QOMuEPETPbq6LDQEFhAypJZB+egN75I/u7hROFNXhT2Dm576SSg==","shasum":"d962fd33125363a4364de502a53045af904e8e19","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.3.tgz","fileCount":1197,"unpackedSize":5840838,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE+FyLBWM3B3gACZ5JESQBsPFqHI/qeVMonAh/leWiw4AiAQ0OVDGzafg/7MCnIxY+BVvGs2AH5BukR+Pv2pl92vZw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.3_1520491861409_0.7029923006511962"},"_hasShrinkwrap":false},"0.6.47":{"name":"harbor-ui","version":"0.6.47","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.47","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-WtQP2Fd8hicRuAJ9E4AxCC0MFaIhhgD3B6en89pfVakBtddxj94pGFJvasRtp6pYlAc9APbMuroyV9FBGgUaKA==","shasum":"f9c8170ba978076c94b7b34d14754b7b554fe851","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.47.tgz","fileCount":670,"unpackedSize":3826820,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCg8+Clle0xaMnE7JvuBGPPz2f0MV77AGdHZqWeS8rcEAIgQnTeQtKwiSt0iwxm57RjpjjljiaRymnuSVzDJkPP5jY="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.47_1520496057841_0.5182247940956937"},"_hasShrinkwrap":false},"0.6.48-dev.4":{"name":"harbor-ui","version":"0.6.48-dev.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.4","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ityVaxjup3fyirZAvXNjfRE7CyEUuNT6hPdrguzlBinr9WpB6YqfuMIaZft9G2NvGPLs0GsMwmHqdT0vvUnW8g==","shasum":"f732a5af03535ba984cbe08bc9c1e04fa2762fe3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.4.tgz","fileCount":713,"unpackedSize":3844122,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEIcXXUnkyTIyUJELYV2jy0REt9fU3YcyPHzLS9/099PAiEAldRRkhyo2GAMF77zLp0thXMvArqtmQTX6gIBne/5y9c="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.4_1520496263139_0.9275304522405889"},"_hasShrinkwrap":false},"0.6.48-dev.5":{"name":"harbor-ui","version":"0.6.48-dev.5","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.5","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-k3i8JfCzGnKzKxLSEk8j9v20n3zB9BVExL2KkzsP3taOaVwxTom76Hqzvi8eSrr9WGO7DrVQgJwGeDLu6xyAMg==","shasum":"fd60c890d9d9e157534ef3b4b4fd85fb8ab51706","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.5.tgz","fileCount":1196,"unpackedSize":5842081,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUwKEcygwUp4yNVkKwn/zzIQQm2JunaPEmY6HK9Uh/2wIgBMVksKh5jxk7MFF+iROSESIaQGLqB+Jhgdloh9yILMQ="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.5_1520496476443_0.43909724365405767"},"_hasShrinkwrap":false},"0.6.48-dev.6":{"name":"harbor-ui","version":"0.6.48-dev.6","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.6","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-00+3rxhwRttJQyASoAXD+8Qy4L/pYZ6Q6Idy0S0bKC2QJnTqxu05eCB9gnsK1n8Rcim5xxJO22JESpfvbFhHtQ==","shasum":"92d5a482bc80280538d16e3025db72d61b2eb294","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.6.tgz","fileCount":1196,"unpackedSize":5843914,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFEFw8jLoWdvX5unuU8gfcYBkq2iGLnTwsp1O/n2+SadAiEAv/IdE2FVbIdYiymzXL1IAfHzDAJkdnU/f1GKwA/axvw="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.6_1520498723175_0.5934616511081188"},"_hasShrinkwrap":false},"0.6.48-dev.7":{"name":"harbor-ui","version":"0.6.48-dev.7","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.7","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-fnSieh5OQZQF0XcQAR2CBTSqEQXjcoSABCoDF6zDgHcynbaX+CWzVuAOlhPw3auONUkhj80L73LLx9yiVpC9wQ==","shasum":"80b03cae3205dfe9559f726a631ccf51b8f9bd44","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.7.tgz","fileCount":1196,"unpackedSize":5825304,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBuBifI2t/7Vy9jyhK+ENdiGQEIe3zgFRXvOqtFVawCVAiEA9/VTAQJCkNlDZkYANpnbloZuuMI2PPFQ8DtdliTAfOY="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.7_1520500663034_0.8165556857519398"},"_hasShrinkwrap":false},"0.6.48-dev.8":{"name":"harbor-ui","version":"0.6.48-dev.8","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.8","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-HxLPuGxGXWnEeZIOv43JRSyG5Nr6OcMAfNBtBHsFlXEthKi/Cwkf+4MWrWBVAdc1/yRbCCE9BkqZaGMwU98j6w==","shasum":"f18f34c8f9be10b06d1cb51fa878763acdbb41db","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.8.tgz","fileCount":1196,"unpackedSize":5835252,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCymjqVvx7eeguRb1X9Itvfk93kuWvx1U/Cfqv65pcdawIhAMkhoEjnWMQleV36mH+iDR7R1MEL5zc+cVbJ1vGZADHR"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.8_1520503351663_0.4820338394304349"},"_hasShrinkwrap":false},"0.6.48-dev.9":{"name":"harbor-ui","version":"0.6.48-dev.9","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.9","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-9pFuye9aF8i19y3n0o4XC1oPRTmdWnxJWlzXaIIamEqLTqce9a4/Cx4dnFo5vhnp84wJBaPXikFaKYx2YhkBJg==","shasum":"53ab14178c993f6d5340f200ef3844628857567a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.9.tgz","fileCount":1196,"unpackedSize":5834242,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGqDs5qJZ5KCzdCdIVBZ8yT9/hNVg3SNWAa9gyhjKZLwAiAkwzkp/L0TOQVvJlr9g8YlnCwEDcOel7IAPPXqZKSpDw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.9_1520505032025_0.3914415576059649"},"_hasShrinkwrap":false},"0.6.48-dev.10":{"name":"harbor-ui","version":"0.6.48-dev.10","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.10","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-r4jEa96KLxAMx9tMCV749SZEuwj86qMabBd9BS7F0Zal3HGkv4M6KETdw2yzRsKimj/m47OS4qxWBzJqGZHZow==","shasum":"36b48a0a555fcfca3322d41b514a7c50900618ef","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.10.tgz","fileCount":1196,"unpackedSize":5834243,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDAXfna5WJSI+t4MlhUJsRr7XgV6Zb939WMSLLPwDuu1QIhAMss0Hd/ODLZUoeayVVWkL0WzsMThgSbdwbYoTxzz+SL"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.10_1520505728386_0.6530620625786765"},"_hasShrinkwrap":false},"0.6.48-dev.11":{"name":"harbor-ui","version":"0.6.48-dev.11","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.11","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-tkMJXZ934J8HVDpG4ilnSESB/qxv52W37mkuBh/0LUuVeOWvRw/dRJ5lkwszw2Hx0XUMVZD/OOBFGHtNi5UAww==","shasum":"433040adaf2186fe45d1e78ecf3527989385c584","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.11.tgz","fileCount":1196,"unpackedSize":5833472,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClOJavFLXLM14Ri9kmkHriGLtMzgh933JdCDb3Of9Y9QIhAP1HoD/md2HZRdGUNd+4Pn5YGjF8AuiLZY9V6z0vT6S6"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.11_1520509169275_0.20147910267244695"},"_hasShrinkwrap":false},"0.6.48-dev.12":{"name":"harbor-ui","version":"0.6.48-dev.12","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.12","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-466eUXytPD96o9GwfdBtfconZ5wO8Ii8gKswEwFAxywmLyssmCOop/iouicVHDuvB9DOw+iAU4itXqZd/2xBkQ==","shasum":"20621529cf53559f7abde63fcae65d760cd0aa14","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.12.tgz","fileCount":1196,"unpackedSize":5833490,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDAdF5Pw0tex1BaZYyQgHvSGXbbshpaMkGIMA2u6G85oAIhAP/CY/BwRMm93z6E4i1uCIPvbh4MWFrS1AYR+gbOvptE"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.12_1520510048472_0.14930399995561583"},"_hasShrinkwrap":false},"0.6.48-dev.13":{"name":"harbor-ui","version":"0.6.48-dev.13","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.13","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-1pdi4aEQVQMnD5m4Om3Nclpq4k4irTO7a+0rA9Myh4OHuwEQyy6nJOXQgJyShuUxqOlbbTslQlsnXQBhLY4LEA==","shasum":"5f8332dc6a1789c6f9f8176a11b7b366782c8b11","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.13.tgz","fileCount":1196,"unpackedSize":5833642,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCo3jhGDhqNZX0+8KY0BujKYVNmw5leVYuinuMAiFZScwIhAP17fiTYeMEmEe+f7MEovFCGeXIzRw+e9FjijznWWpHw"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.13_1520510567274_0.36371385795068867"},"_hasShrinkwrap":false},"0.6.48-dev.14":{"name":"harbor-ui","version":"0.6.48-dev.14","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.14","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-chnQasNlYKZQ2VEZwcOwSjK4SkbfJtRu2vAv4zcQ3gmj6y6QaL9dsvckrVudLPQNsOnoxLecqnscTHbssTzHVQ==","shasum":"fea27ca1bd346cdaf2ac7b830505fbc1b1628a72","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.14.tgz","fileCount":1196,"unpackedSize":5832882,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGQX8VYJ5bMUAUaHPTNrCd5tkKUuTQJyQNuXmRGlXhzgAiBiK6lQnVVWo//TzGk7+Pac0tV2FFVCyB4q/Y0dkL0itw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.14_1520511518352_0.671355035099964"},"_hasShrinkwrap":false},"0.6.48-dev.15":{"name":"harbor-ui","version":"0.6.48-dev.15","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.15","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ml2o0qOZ9JMBeYpigo7TO3skDVpAmaS7TzQL2R9M1TqTdHK1NmxBksN66XCCDQwMkXRrMtZOnuv04DD4G+dTBA==","shasum":"8f8163c4d70c8db97942083d55b51a6d688228e6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.15.tgz","fileCount":1196,"unpackedSize":5832882,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCW63d8w+7bicBcPd9FM1Z55JbCxG/5vqLhC4vDTzmbhQIhAN2XJxjnyH33KFhwJgrAxlxybOZSPQOzeUxZgMCOx9VA"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.15_1520512365058_0.6745480141929647"},"_hasShrinkwrap":false},"0.6.48-dev.16":{"name":"harbor-ui","version":"0.6.48-dev.16","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.16","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-HiQJ3fLCay//EGEqNGBHKVMq55Qf+z/8aqA+lWFRyYc8BxN119WWq1V+O+SqFDFCciANopMuCX9PDwSYOkaRrQ==","shasum":"d0b78d6255335fe888d4b603695f8c53f04f40a2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.16.tgz","fileCount":1196,"unpackedSize":5832882,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB6ct3D2UsfK9n8hcmn0sIRKCBm6nfvttSNCHmG8xvkQAiEAySwGCmgzFJOUKl6gGLVXI7GBEfBMJ9v8cfl8kX+ggfY="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.16_1520512680632_0.5920969857595741"},"_hasShrinkwrap":false},"0.6.48-dev.17":{"name":"harbor-ui","version":"0.6.48-dev.17","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.17","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-T/pCzjT3wQmUxDpzHbjvc9T0o8OekRwuvYGO1+bCqkUUDpo37VUUJQj8IhXg8/hZq164CEbM/C9HJXRSy1in5Q==","shasum":"35a305409831f2a3eaa6235cab22b5102dae5162","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.17.tgz","fileCount":1196,"unpackedSize":5831872,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmbxoU21Ly0Si1V7BwAjYTHf+PJDao7XmU3FYxj75rYAIhAKyILlHlcbelZgiZHb9QnHz9wooRHisbg+XUld+uJ0uf"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.17_1520513213422_0.4848963531193682"},"_hasShrinkwrap":false},"0.6.48-dev.18":{"name":"harbor-ui","version":"0.6.48-dev.18","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.18","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-W1ECA4NA/z1r7xd+Uqo2oHbLtMRTL59vXOI8yPKa2eUNDkCBg/1s2aRcWwyRQHwlNPv24r2GDwJLAKBMEI62/A==","shasum":"0e82fe72f4e297ebc3af3b1f5dc04d2fcd178da1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.18.tgz","fileCount":1196,"unpackedSize":5831803,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDYSya1RlnIwaikaYtVNHFVML28OS7SdsXoRDWY8tTAfAiBKfo0NorEHcSHltgYnBK20aLh89rRui964NwctYvjQxw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.18_1520514692447_0.7602361683335621"},"_hasShrinkwrap":false},"0.6.48-dev.19":{"name":"harbor-ui","version":"0.6.48-dev.19","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.19","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-nL66iw1Na/ilN3/E7xX0FiPcsY25kj4botKk0p3bnGBWR6MeP8pos48Qgp4+yocyHjTzDWz/OoTkDrunkvgBow==","shasum":"a482c9d1c9490f4c6791870e5f13f4ecf506cf8e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.19.tgz","fileCount":1196,"unpackedSize":5836258,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICCc/4Rdzu+s0LqJKQpcO8trsNOE9v8HmY5YMUu/Amt4AiAsIKWuYH4qDAuQutw0H138Z1hWsoaz5vu1KMiQ/wbB2A=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.19_1520515319943_0.6359484974669531"},"_hasShrinkwrap":false},"0.6.48-dev.20":{"name":"harbor-ui","version":"0.6.48-dev.20","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.20","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-nzctldCFOpsc9j5QFkoVcGyGXVS/3Gcbkxuvfu3yv/Hx6vsPObCj/av2Ko2KyjNFlcG9Gl84g7/VC347gV9oeQ==","shasum":"0f42242dc16ceaf9621d39fda9cecd5bd7b09fb9","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.20.tgz","fileCount":1196,"unpackedSize":5836831,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHXaooBb6OrPo54/wAdRatE5hh7lLeizif7KiyNocOEIAiEA4+D8RWd+wb01YVqBkFl/QcKLBGVgjMsfom0fE2ovh4A="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.20_1520577392942_0.31862327831020476"},"_hasShrinkwrap":false},"0.6.48-dev.21":{"name":"harbor-ui","version":"0.6.48-dev.21","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.21","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-p6VdO0ZPw/4A853huW7xJhCNpC4i1Jb6nRXO4ufCQdFeyR9Z7aPVLNv/1Yg8XVofDh9EcU8OegcoBig6LzkJMw==","shasum":"186f8ac5357dc4be659e1e83e28e13a4910dbfb0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.21.tgz","fileCount":1196,"unpackedSize":5836831,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGgER54JPtlFTD19ibE3jSuc+1QVfaPZpUqSGfsk2i0XAiEAoPsoywITCM5o4BqZoMXZZ7MhYgsuQAsKcVds8RzIGfI="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.21_1520578416222_0.8820739494901939"},"_hasShrinkwrap":false},"0.6.48-dev.22":{"name":"harbor-ui","version":"0.6.48-dev.22","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.22","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ZdLy446PH0wg0Hz8rjRLMoVeFUzqJoqiZ1YeOc1tFdo3vB0yyf6gFqAq4GSFYKubF4lgUf9feCXQ35lzy1sUsg==","shasum":"b83668b3baa18db3362d83f6eedd36563a7f3a85","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.22.tgz","fileCount":1196,"unpackedSize":5841922,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDmtL8eg8skrVk/PafLQSc09JMZiC6RA6ZsgjZNTu84FAiEA5/QzvtGt1tbmSq8IihwYSNcZnT33j5Wti5bTZjW1i3Y="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.22_1520585849549_0.8157203131069675"},"_hasShrinkwrap":false},"0.6.48-dev.23":{"name":"harbor-ui","version":"0.6.48-dev.23","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.23","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-J4AEg+CcdqYl8hQpEgr7zVqvFVVYhBa42X4E5O7dn0ZVPtzCmLUTOjkoDZ5HJi8TlX6bxNroGjNDQQeBADrHuw==","shasum":"1e5937866630e448b96687861d193be5bcb1a7a4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.23.tgz","fileCount":1196,"unpackedSize":5842330,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDoipK0Qa2LG/MzTC9V98hP5OU+xJfMItF2IjtLB1EHXAiBlwLaJZEaF0604+keUi39UkQSitx/o72MqcLIfgBDIPw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.23_1520588229437_0.0694835011015984"},"_hasShrinkwrap":false},"0.6.48-dev.24":{"name":"harbor-ui","version":"0.6.48-dev.24","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.24","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-NH6ePJszGEDQT0ZzY/MUBoWRNoYBgRbyvH7V4yluNjWH9Lat6NtDTBD9ye32BYqqP3m2Lrm78YUqOAS0CJmmIg==","shasum":"82a423b9614aeb1249480a99d9df8c46f1b4b491","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.24.tgz","fileCount":1196,"unpackedSize":5846713,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFMPZqZXy0fJDQU8ZLnHTib30CigmR4L2ch/mjRrZfjJAiEAyeMqlQeiJMtJFBuPhVjbE/yT0YXyBmDP+IJlCuoDoPA="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.24_1520596153618_0.11334225609333859"},"_hasShrinkwrap":false},"0.6.48-dev.25":{"name":"harbor-ui","version":"0.6.48-dev.25","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.25","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-edCrXLYfiIM8fqz6OCWjosGmJmfeAkyGQh9Z5YcOUAirfJB24D9pQlsDar0HPvYivGt8i5A14oeoGqSLeWVEnA==","shasum":"524a626d61a99095f9db7d43bb83cf031a2505ef","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.25.tgz","fileCount":1196,"unpackedSize":5846816,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEkDSoubjTdvvuqzE+8jJ99zVMJfJQeLQx4ge5chpbtlAiEAp3o283TqydLBay7t13g+1qnXW+5HGPBKZ6GC1jtfOX8="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.25_1520596956272_0.5422153305059911"},"_hasShrinkwrap":false},"0.6.48-dev.26":{"name":"harbor-ui","version":"0.6.48-dev.26","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.26","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-VVgqhswjSgv1W78MY6oyGbk1ReJ1oSJfvti+kkPfSXe2Ftv7n98w9FgU+DfUHN6jjWw/UoQk/VuBnTfbHwi9rw==","shasum":"cc519c7c849454017782a96663396a9ad6fd09a3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.26.tgz","fileCount":1196,"unpackedSize":5846750,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCiwWFP4rrEzaYPEP8+C9O382mcdOiHLkxSsQOpK495GQIhAP2HhBcgwCr61276JyiWzQYfAWZW1I1nBy7zbVdo3xEP"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.26_1520598496074_0.1216138712640138"},"_hasShrinkwrap":false},"0.6.48-dev.27":{"name":"harbor-ui","version":"0.6.48-dev.27","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.27","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-uWvngPP3nLkV8UkAbvd2H1oyofPqDHYDb11TsPqMYoO453CyQvjFSo8QhkJAwe5wEu8bL7xLVht7Y11mAvSlMw==","shasum":"072f4b8c2abbb3208d0dbac9b12d4d84595bc0fe","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.27.tgz","fileCount":1196,"unpackedSize":5846652,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMXoe4eKEmXnWO/C80Ld1xD84BhvXDX/dXrqUrFt8SpwIhALroxD3naV0n/4cPCccX3IpuptCguFrcT05sP7jXQVp4"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.27_1520600061490_0.5407116735420012"},"_hasShrinkwrap":false},"0.6.48-dev.28":{"name":"harbor-ui","version":"0.6.48-dev.28","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.28","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-wqj81bU2h4i4XXCFHUGh72N+gtCjX4fUMjDd0bq321pGisNNADeWmHl4G0bAo6RLV/I+HEW63fxUT65k+7aGog==","shasum":"74ca397159bca32d92bf6068e5254b2b75713997","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.28.tgz","fileCount":1196,"unpackedSize":5847286,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVa8tD9kCw+pzAoSPfoubLeOfa7TefnqlUXmFpsoLguQIhAKxMobPr+eDwsx4oA3dRjQXgLxIBReG3rlxiZW/XICXh"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.28_1520607675620_0.32930224916223594"},"_hasShrinkwrap":false},"0.6.48-dev.29":{"name":"harbor-ui","version":"0.6.48-dev.29","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.29","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-jbriHtOj48j5dJ4y7yoRcmHka/b1BL7yX5k1gA0a1+aA0RvlyGa8rEwzxdJz1J/fYflywoPEy4tZiIWpHkMN2w==","shasum":"0c88bfbe8dea65a4eca09ebd4ab677a7710eb11a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.29.tgz","fileCount":1196,"unpackedSize":5847286,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICZ1O4Q1HMZELkwzAD6ktJvhNsqRd3kkxa0DJTUikIw0AiEAzi5c94h5BVQhkHHi5HMk5jUz69NHcPn8d8/WcdhQ+FY="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.29_1520608639406_0.2695695263445057"},"_hasShrinkwrap":false},"0.6.48-dev.30":{"name":"harbor-ui","version":"0.6.48-dev.30","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.30","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-5OxIM2HZPW4/itlgifq6YEUxxPyZvIvT2L0GM+pAL1k2xpwBGeaBELyuwkNk8oAQRYchrusb3rEZX77PWlt8uA==","shasum":"e6381a6c53740f6b6a2faf245775e4f46307e8e9","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.30.tgz","fileCount":1196,"unpackedSize":5847286,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZR+wIQrXz+778/shw/DjgiU2JLA2oCUQDVVQvx+UaIwIhAL/8wgJwgb2q9n5QKLirnvn19gco4kTbnfG8+Yi9OVkf"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.30_1520608912007_0.42059652954686744"},"_hasShrinkwrap":false},"0.6.48-dev.31":{"name":"harbor-ui","version":"0.6.48-dev.31","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.31","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-MNGoTNFFDUkGt0ovnUibOrbFMO/0NXtyCZN6iEPmy8P+SyM3XRrHZ9EoKC5x7Yz1KIl+7nU0whVr6JbejGnQZw==","shasum":"990043cd24b60e13787712e5050c8860c85f91a2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.31.tgz","fileCount":650,"unpackedSize":3410622,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEuvZZ03MUge1+UorzXIPFdnkx2vAhv8H30+6uGLa9C/AiEA/+Skk7nL+4hNBowY3wDqz/HHNTjO4MrPtZm3hpzOsCs="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.31_1520609193224_0.49330097545645435"},"_hasShrinkwrap":false},"0.6.48-dev.32":{"name":"harbor-ui","version":"0.6.48-dev.32","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.32","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-En4rt9CjH7nJT3I2rLZ7XBVBS50LEje4wFjfyE4jtVvls9h0dxMTKsgXKSaHTLp3Y/e+6SNcgdaZ7iHxMImRhg==","shasum":"9537ffbc150caed9479117e67a5bdfdd753731f6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.32.tgz","fileCount":650,"unpackedSize":3410622,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUdpzx5+SMtId0IPNlwF1NOmuOhkG/8At5k6fJftlCRQIhAIypKWkwMqZ7sG7iurkhwoqtzwce0MJ0l0V8YgzvgJvl"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.32_1520609742119_0.46294863168668265"},"_hasShrinkwrap":false},"0.6.48-dev.33":{"name":"harbor-ui","version":"0.6.48-dev.33","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.33","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-TNBFKweQAyJc/yiGun9jWKyTpRTJeTJ6R7I2B4lzbGnZ41wsZQThCtgyxrXXQGVsKoKTokhWGyJLHBVSpu9GTg==","shasum":"e0a7ce2f07aa4eaf54ed102664abc14239af6f7a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.33.tgz","fileCount":1196,"unpackedSize":5856923,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNv3MgLIMwQBc00tU1vW5qZHxYXFg7kS8gAzzH2xPWvAIhAL9qMWiwZMOWzXz4USk9RPON/Yo9g1pnCnk0qDKYzxE9"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.33_1520610457043_0.24103061667551406"},"_hasShrinkwrap":false},"0.6.48-dev.34":{"name":"harbor-ui","version":"0.6.48-dev.34","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.34","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Rw26hmgJsTrukY3oBBfFFBGTKFJSPj4IRLyeJmUbpBV0BVs3hKsI3a7sxDOASJswmQcn//j6QVZOirRa7R5IWw==","shasum":"79a995fadae16515d0cac215226bd25c2519ca51","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.34.tgz","fileCount":1196,"unpackedSize":5857441,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH7pkec+8iP61+3MdoVeYP92NRYhLQVOJ7qxf/x67qCrAiAOdY10Eo/kouWvUEFui0ffo5F/kI3Ash7ypp3pllsgdg=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.34_1520611257949_0.12559107476553355"},"_hasShrinkwrap":false},"0.6.48-dev.35":{"name":"harbor-ui","version":"0.6.48-dev.35","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.35","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-35gXxN2Jaf74dZpJeydwEqkYMGEdO1RIbgmWZnrMla5/H2bcwBTsJWi/BfGIDO8HSo6GRn5D6oN6PH3SeDKi9g==","shasum":"2da80bf12851c7f376f1a1feda3cb8cffe44e8da","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.35.tgz","fileCount":1196,"unpackedSize":5859215,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBbaiPfLmcPlfiWiu5bczJb18HsqIfDQ0buJJqlbs0RSAiALRWu2TKIcDafqvfuifI8fV9PveRnA2hygVnhP27bayw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.35_1520612751915_0.992533965238485"},"_hasShrinkwrap":false},"0.6.48-dev.36":{"name":"harbor-ui","version":"0.6.48-dev.36","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.36","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-TWdhMJS27J6Ds9ClbZhHav/0muzh/GbucLy9lE944tnVOlf1rgxQgUEfS4WS0EqGnhsERWPAb356Ft/m9mA69g==","shasum":"a06eb0420c46a94d6972405d297dccf031f1042d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.36.tgz","fileCount":1196,"unpackedSize":5859215,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDB3q0XAmrPmftJcJE461fo3fgWWr4HolyAevMavSlzygIhAOzHK+vvAJ6uYuMbedcNSkSRhAeUUEyeJO32NI70JKOO"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.36_1520612876535_0.9436900885687316"},"_hasShrinkwrap":false},"0.6.48-dev.37":{"name":"harbor-ui","version":"0.6.48-dev.37","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.37","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-rmYroFACRyhLosgTdjfFN6nTqGaUbw/L4ws4ivgFfGjOs0WBwuAPa+RVc1DLZRa9/UJz+bGE/0k2azazCPGsTg==","shasum":"b51ab7a1639933c8686e1c4da7b75c7ea24ca061","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.37.tgz","fileCount":1196,"unpackedSize":5859440,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBB2jfayUxp0XeDZkq0z7sOhxbDwM/synos0FuyN/H4LAiEA77pWFTqolWN+HZUuQkC007ycsdK1V3NtHhiSCa8ZowQ="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.37_1520732749872_0.24705887961420703"},"_hasShrinkwrap":false},"0.6.48-dev.38":{"name":"harbor-ui","version":"0.6.48-dev.38","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.38","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-xtAbO2J86TncTPum2JaIWfNRz6qf5atL8OPbhBKhJ49cyn54bQX+sCwxJt4+Rqxp+pRIY1RNas3KtC54Yp79kw==","shasum":"97823441077bfda54a8da44794eee343653de706","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.38.tgz","fileCount":1196,"unpackedSize":5858447,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFbwnUyqlvtZVU4JfrmXyf2E+T/31Q/rWxE5shUuWllqAiEAsC4ZuMkiXVVYOJLL9nK2N3UEhx+XUATbuMOH23ovrrI="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.38_1520733124876_0.981750243132586"},"_hasShrinkwrap":false},"0.6.48-dev.39":{"name":"harbor-ui","version":"0.6.48-dev.39","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.39","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-5az9zbptkdOioQ0i8nHjYp6yXDRZ+wDHcS2T5KV2LrwrZDmLD4kGpu0Gd5OGgNrzqyPMQwiy4+oESR2qcLZz3A==","shasum":"42ac9141cf02f5e9363696ca151fa8b1d82c8a28","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.39.tgz","fileCount":1195,"unpackedSize":5855550,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCBXDO70mCTogYK9TyReZolGqD2GeWWCR/Pf7ae/F72iwIhAL175P/xDN5Yu+oey5NnCH3YKyYEW1Quej3clIUrrNX7"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.39_1520776773652_0.6200964557864814"},"_hasShrinkwrap":false},"0.6.48-dev.40":{"name":"harbor-ui","version":"0.6.48-dev.40","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.40","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-lNlNkVcr/rB3bNsJfb0GyrIInG14H4mHxFat/2n51lXwrUNCbxTx6pOvW119q06i8UifRsewW9KK4ZlLZblHBw==","shasum":"ff3e46d727cca3df0c89056ce1198f7f17d569b6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.40.tgz","fileCount":1195,"unpackedSize":5854865,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTgbunbwHgB1CDTlQfuKdgB+uC6QtxSWdOgeLgRA5qugIhANYebNb61u2hxSeKFD30OoR5H46M06va82ycUuMQCi7c"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.40_1520777321469_0.20025786281398594"},"_hasShrinkwrap":false},"0.6.48-dev.41":{"name":"harbor-ui","version":"0.6.48-dev.41","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.41","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-iP/mwai/rXbeGg4ZjLC4zFn/ojrW9m/JlYheYUsH1tRd6v0E7heRjcTEvwwDNlrv+PxMGS+G0ivFol8nIN7WAA==","shasum":"f6d5d4c576454f1fdf18302e3294dd8972ba861f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.41.tgz","fileCount":1195,"unpackedSize":5854082,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDID6R1+alSNR1qzl//l9mWyjWgLmrjABCNGv5qhRLbmwIgBOmOhSRgDlVJBvtVL53JH4feKBSRszotSlIgw3ro6TU="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.41_1520777763677_0.14642025585335383"},"_hasShrinkwrap":false},"0.6.48-dev.42":{"name":"harbor-ui","version":"0.6.48-dev.42","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.42","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-qS/FHWndG/s19ZKOYdDwHdISJtEzLlL1UvXXA4vjDanR4HJcKEywNYb4fE4yEfmUidAiwHno7Yg3qWkSGX8sLQ==","shasum":"4edf027e58fb3bfbe9e15b1d6e1bc0b220566200","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.42.tgz","fileCount":1195,"unpackedSize":5854509,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAOIcgl6sWmi9esgmCf4XGp6XHZV7IRUJwtA0L3XIOZHAiBzmfBLYcFC+74pVw63rb7j1L+G8RmjMANl0zCrUBpeIw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.42_1520778369485_0.7540852083357759"},"_hasShrinkwrap":false},"0.6.48-dev.44":{"name":"harbor-ui","version":"0.6.48-dev.44","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.44","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-/WkdgWFjZtITKUyNoLwWfGX1dxArt77gQi3xQvyVSP4Ax4dq8EyiU6QZGJeXBRuFqmmdg9AMeZsxVNoB1VTI5w==","shasum":"2b21e7e8c3b1aecb1dd361c967bbe0a0a8e55f94","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.44.tgz","fileCount":1195,"unpackedSize":5853678,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC1zz7lUHbE5Ns4KJd7+Pr9XSOtqu67K3JvK7juRyRW9wIhANv2COH6Npc8xobKUKYeUavvELgwgyCB261Me0rmkPyM"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.44_1520779899386_0.9276984405828046"},"_hasShrinkwrap":false},"0.6.48-dev.45":{"name":"harbor-ui","version":"0.6.48-dev.45","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.45","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-4A5UD9j5rVMJdpMaYTRYJx+eqND4XVt1Uh4wovcSCOkDNPm6PofB91Mj5C463uq3i7Eze9ezT0fE8ulUqXTg8g==","shasum":"f75999f93aa62000d85944d00e99005e2a2e86be","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.45.tgz","fileCount":1195,"unpackedSize":5844913,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrjDTXGTOg4r3JjiFX2ok3CySqZxG8eAhTUaL/t7bURwIgId8y1luI2UtE2N6ZomSIFleaD75ZZlLDSBZuxziQAxM="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.45_1520780626599_0.42072290324173545"},"_hasShrinkwrap":false},"0.6.48-dev.47":{"name":"harbor-ui","version":"0.6.48-dev.47","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.47","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-+eXjlO0l/RirmQds9Y76vc05YXjZ6pULOcWLz5++gv6eYJxTN9oKTEf2SsRJEV37mENTSx3KrsUnOAlBLafDYg==","shasum":"eed37c828477aaec8883c1b033b486d7d70f659c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.47.tgz","fileCount":1195,"unpackedSize":5850713,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmuUra8f3mBc4aQvbufD80GuN+Lgx63FMK6twpgaghXgIhAMkCCwwdZxLh5YvE+s4Ew2gJlHIqlFpIarP4bE2l4Kv9"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.47_1520780962966_0.7197140605457055"},"_hasShrinkwrap":false},"0.6.48-dev.48":{"name":"harbor-ui","version":"0.6.48-dev.48","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.48","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ct5qzmiQSMwgChQEpMFhcUauXTEaujRQZE1T/jLQonr66fGMn3IKm2emvxqF9U4/8nuuPtEzSILNXw3xeecvnw==","shasum":"bc8ccfbe5f3e2bf66f9452f830dd094e41ad4d69","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.48.tgz","fileCount":1195,"unpackedSize":5848457,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/WxbIarhL1PeWVSxElFc4YFyEU4OUk+7SO+uzKwdGGQIhAOCXwxW9sNi7Y74MIFMvNmoj1msSdMj2mGKCmkMTDAEB"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.48_1520781545279_0.1815991613955832"},"_hasShrinkwrap":false},"0.6.48-dev.49":{"name":"harbor-ui","version":"0.6.48-dev.49","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.49","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-pUWmQDdhzK9sEs4QDAT7fB1/9+pN/gBmcAvXnnwgFSFzBjNiQkmsVekGmAMRSGgJSuDb+7YftKbcDYiTsfRt3w==","shasum":"b5b81f671100a72d0b106d6fd100bb4afdcedadc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.49.tgz","fileCount":1195,"unpackedSize":5849217,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDI4/SJFoXQtcNf51EUJRR2zFyGwgpaDf2bUWV6f/weUQIgCE8Mau4scHV43J0mkHGUZKqLG329agXm9Kg0V23roX4="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.49_1520782005850_0.5965189265712696"},"_hasShrinkwrap":false},"0.6.48-dev.50":{"name":"harbor-ui","version":"0.6.48-dev.50","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.50","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-kKrdpLTEqBJeJBN0ARIMkKjCuA9M+MavNTTIU52oeqyxGv6b5HZ/MG53VfXnI0rPWP8Q8jOc6Npy0pkXo93NQQ==","shasum":"974c3b56ed639af39e0657c846d6c5e0dafed252","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.50.tgz","fileCount":1195,"unpackedSize":5851470,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHBgc9J0lwJsXZBjspjG2AYfhaNyCXZv6qrbz99d866ZAiBTGU1fK2ixHJbAUbE+5swsgUj8UXes1y8kBVhoJivvAw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.50_1520782468988_0.6527477158366399"},"_hasShrinkwrap":false},"0.6.48-dev.51":{"name":"harbor-ui","version":"0.6.48-dev.51","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.51","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-b+quxQH7335ZVmV+u1wZ5MkKuYoFoSnZaGpYHDBHLu7L7UiLP93ucyDC3CGKjdNGtjwQic8bOZHp1Y/FP4dGBQ==","shasum":"80bbf3e8bfe71441254336b023c628cf874621d6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.51.tgz","fileCount":1195,"unpackedSize":5852324,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCq05UrI3w+L643a+Zfj1voZ9nme0KNeCGeEFa1Y2C3dAIgZ8VZPgHFsmZzJ6aWBvazgSYTulQA1iYuV4qVcXEp2t8="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.51_1520784608625_0.5995465383646266"},"_hasShrinkwrap":false},"0.6.48-dev.53":{"name":"harbor-ui","version":"0.6.48-dev.53","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.53","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-XEQPTmguxnBeu46JceAp2v7uml6zoj9ZERGM081HgWVH2HAZw7SZGTmkMobMlybQIo+6csG+kEzFl1Qr1eNRkg==","shasum":"f50b77a4c0feca411d8a0fa694be2838d48b536d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.53.tgz","fileCount":1195,"unpackedSize":5852678,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDavx0SaJ5sxFx9ePYSR1yugdfFbV0rWPgffZZVD9tb5gIhAKjzbiGsEcDP+ySWHklfXHicNEU9kkhGtUSafS1Tf8Cs"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.53_1520785045127_0.4984604457681685"},"_hasShrinkwrap":false},"0.6.48-dev.54":{"name":"harbor-ui","version":"0.6.48-dev.54","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.54","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-fJCNYHtODica+Lf2qdWoNk2jjqbUgv5R2f43awleUETUhkVEMJgPU22RrcJ+FgSAVMOF0wkGslArOVQYV2jKQQ==","shasum":"ae647997f9675f0a732a4b395f5873960086fb49","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.54.tgz","fileCount":1195,"unpackedSize":5855410,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCiVLRsBtDTukHIaTT59qZ95ZqDSn4GT8yBZd3jrt20+gIgHKIEV9sRxmVnOyS+CGyQB1LbdUfeirG27WzH2n2BWN4="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.54_1520785137794_0.19796863853640168"},"_hasShrinkwrap":false},"0.6.48-dev.55":{"name":"harbor-ui","version":"0.6.48-dev.55","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.55","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-5HeuBMEfv9euBf2aUuNjlXn6UbkCHuI3DvtfWVZrnegUMfXymm6RvTAWl6fkf/IPgm/k2PruDgW+wT6J1SDg0w==","shasum":"8ca9a4df54fcd960648c49e4c09dfa6f03c90e73","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.55.tgz","fileCount":1195,"unpackedSize":5855533,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTqDXEWL0ZBlNZ/HHMKraDpfO6Hky/R421niKD0BItUAIgM9a+8ixhSngJ2e3awzGntZCcpciYbQaPCwJNoUp8oHc="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.55_1520785551215_0.8505989946476495"},"_hasShrinkwrap":false},"0.6.48-dev.56":{"name":"harbor-ui","version":"0.6.48-dev.56","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.56","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-G+kx7tfmTgHwUGgNyAsqcTjlNyzt3rc3cXKl/1Z++5/t9klwkU3U0pdtS+HHoGgIO7plltkG3SkvOreUt+CUDQ==","shasum":"fc30ea65cd4d0cf6b5b4865e7868a6fe38ec1f32","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.56.tgz","fileCount":1195,"unpackedSize":5855405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCygPfZIWk/2c8Q0mgJydIi+IK/gi2Xyc15Qngmf/3OUQIhAMTzvQT/5jAlAxWFlU1vKXvjGm77XMCHHPr32BYaLj8N"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.56_1520823428647_0.8385424122579954"},"_hasShrinkwrap":false},"0.6.48-dev.57":{"name":"harbor-ui","version":"0.6.48-dev.57","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.57","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-UrYCEzwlhlMEJBuhk3vMhB7XbzyLZl2JbIDgBhpzsq/99Euu5Z7bocNUvfR5/oufc0e2a0nql7J2Ig33OH+/2w==","shasum":"71c7a49a5ae5b4774042e80c818f1c459d492c28","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.57.tgz","fileCount":1195,"unpackedSize":5855337,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9nlVCkXBCoFR7AZHaAh+ROoG8SCEKybZrzwtd6UjgGgIgY5KYpV8l/bd0ESQwTmai99NPSpAbI4mvx+0RHvrPwhg="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.57_1520824811052_0.18678925898441934"},"_hasShrinkwrap":false},"0.6.48-dev.58":{"name":"harbor-ui","version":"0.6.48-dev.58","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.58","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-mDzj+2j5U7DfB9a3Z5/q9HYA0T+js9PL/q/qIWaonS2zfBhh0H2Ip+sdz/t76XXLstnDl4GvBNbXMQt0Pd+UiA==","shasum":"bb6bc66d3632d5f13679501a02265a0e64572575","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.58.tgz","fileCount":1195,"unpackedSize":5855337,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDsiw5Dn7PxvA28yYWthIsv+BdXQIyxgzINor0Jw38L1gIgCvN3ggCWl5t/s0u9YvGn+2hjipbPfGIvXOA3eGRx2zo="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.58_1520824848684_0.3153746905327721"},"_hasShrinkwrap":false},"0.6.48-dev.59":{"name":"harbor-ui","version":"0.6.48-dev.59","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.48-dev.59","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-eMyAdZAe6S4xNlGKE0BUlAtxZxq+kiuZbdpdSVpvqhg2YJBqNPGBPBpqY7ioEMmaJ3aIu5l6I29/ssmJGTzkeA==","shasum":"d97849199d2e0f2dab3f4596e85c5c2f5a2f2cc0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.59.tgz","fileCount":1195,"unpackedSize":5856597,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFlj92h/ZB78jqoBl/Lt1F/Zrlqe9UMaWN/O2PnXzlfMAiAEMbLqdQcglBRnlmhKYIchB+0YiiCcQt+Elpla5sLQSw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.59_1520840502105_0.21781665112703652"},"_hasShrinkwrap":false},"0.6.48-dev.60":{"name":"harbor-ui","version":"0.6.48-dev.60","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.48-dev.60","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-PZXU/ERMlvJlHWCOvGIz3Y0gX6YZtZBPONRv4CbA5L8P1pLgPHspbTAGvNC/IMlrZVUXHy/wPR7kPMiTDEIakA==","shasum":"30e6aa27243be294219f9b904acb69eeb6218604","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.60.tgz","fileCount":1195,"unpackedSize":5857242,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICpXQDIrif3MnLiRcgXg+GD4DG/qmPtgGzYU+QpOB38kAiBJrfLjMPBw/HFR3qoeEuIVh5Ywyy5/DfbgIe9bub8pZw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.60_1520844443048_0.7583796664743332"},"_hasShrinkwrap":false},"0.6.48-dev.61":{"name":"harbor-ui","version":"0.6.48-dev.61","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.48-dev.61","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-15lIr9mxSFaTYk+N37zuY3wCGpxG3Q+iWwPRnN5eaIcAqLYSJA6rUQbPC+ZAuic60PmvSPMu2AAAZGvu7U/3eQ==","shasum":"2be9642d455fc4998f90b5ca4586c532818879b0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.61.tgz","fileCount":1195,"unpackedSize":5856655,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFyhjqYV7r2pNNK9TVDl5BunqKDARm1N6frVyLH2XqNOAiB4JJwrVJU0XY+sFoYtcBp8TIy3q+XeZ7Th+5Apk8YJ5Q=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.61_1520845285431_0.5057938255375243"},"_hasShrinkwrap":false},"0.6.48-dev.70":{"name":"harbor-ui","version":"0.6.48-dev.70","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.70","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-BoNo2If6vkv+FTZB4kYb1kl1mLvUl0WRO93eTKzNprOsVzPDMf+8f9C53NDHJlV0ZtrhKG1wzpkcoVonW++PWw==","shasum":"9ae60af78c734fb4362335244daee8e7a958a5bc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.70.tgz","fileCount":670,"unpackedSize":3641709,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA6vuti2Dcq80Y51d+3xvLkpHXC2wnDBBpv5p2XyryizAiA203yUqb7Uyhj19aF2YExTn2F13vWta83hHcKrDiIJKQ=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.70_1520856754276_0.06872309349994254"},"_hasShrinkwrap":false},"0.6.48-dev.71":{"name":"harbor-ui","version":"0.6.48-dev.71","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.71","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ETXHnIl2VCE0DOQaAm5px1E/Z0eRsqs0vzGefQdKis76U1T/hLW9pBDzMGDEYAM3eGRXhVdVuHlfUtRlqy4tEQ==","shasum":"bcb6a2528d059bb8931337fdc81430a46d146e69","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.71.tgz","fileCount":670,"unpackedSize":3640896,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGOBWtrmjETqTIHiXa3XpOabTULD1Ry4K56XM9frmbNQAiEAqXH8CIIRiba9w/Dt7DxGYR3hUalw65x2W2lHF70K80o="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.71_1520857257303_0.2775425740143982"},"_hasShrinkwrap":false},"0.6.48":{"name":"harbor-ui","version":"0.6.48","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the tag click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(tag: Repo): void {\n    //Process tag\n    ...\n}\n\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-meRFfKYYHvtlN8tb9Atef6GvTzt1iqeM7GDWJHcq5hOCMrgeRIUsxOlsvK6VRa0VqBr7DOahGQ9mPER3r0ayGQ==","shasum":"a5c375debcb1c046044442cef7548d5692a1df60","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48.tgz","fileCount":1140,"unpackedSize":5599681,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCy2dlTuFUdQe1HiXFv6/vngDuFMaZlVoFthY2hB725fgIhAKPgk+PTvOFsek7h1FxmzDzMSvJox/eCZAeC/n2rAuhM"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48_1520858921159_0.15965890007476524"},"_hasShrinkwrap":false},"0.6.49":{"name":"harbor-ui","version":"0.6.49","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.49","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-I9ByVp88pJzEFvRPlIe27Nf7/tKmTIiJlL+6c37a/tveeMler9tV6n/6C7NT4gOHSYia4lA+LtmPUlCVSRs2JQ==","shasum":"a73fc13dfd81775e069eba291ec5b22b26a301b2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.49.tgz","fileCount":670,"unpackedSize":3759984,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBSkhwPjy7xtbYOd6ufRXxJqCWDiZ1d33MuvCIp7znspAiBNXZw3X+f4IrXZ+Dq1u/rbH6fFmDfEc9ObLI8+sCcO8g=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.49_1520921432548_0.4993755138429965"},"_hasShrinkwrap":false},"0.6.45-test-8":{"name":"harbor-ui","version":"0.6.45-test-8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-test-8","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-bgnuiuopCwt9w4qYsCI2a+D6Q2+M4J4jd9+VN2g6cKHUxTNqQyM5cbuanh2LmxdAgD0FvT3foIgtGLjkJSe7mw==","shasum":"8ee8821bd25fab57b3382d45f432a9b880eb2a03","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-test-8.tgz","fileCount":696,"unpackedSize":3930304,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEGZ1UU0gjToI9Xj1IfgXn4J/IJ9D231qtg8xQrVbDHaAiEA0sUfIJ+o+CwtguC3CNYK2zN96EMWc+psi5dcSyOSxBM="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.45-test-8_1520922485635_0.18822466427343976"},"_hasShrinkwrap":false},"0.6.50":{"name":"harbor-ui","version":"0.6.50","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.50","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-JQfuMRURNUYmt2J0OsJp/jehJU5dOakbWi6GZyZ8+oVglp+uFvwikjyi20UFvkiZjWIv1r0D+hYpAbtLwPh/5w==","shasum":"882654d1560a4d8cf9588f29459fde5f9e708393","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.50.tgz","fileCount":670,"unpackedSize":3759850,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGoU1MPYEKpzjkD2hbnGWOMfHcYC7Hp2tEdKJ9pb/DvvAiBonljDt8DyzoD59rKGHC4UWi/rHqI7KKy7FNTR97xx1g=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.50_1520923875306_0.20427027319546087"},"_hasShrinkwrap":false},"0.6.51":{"name":"harbor-ui","version":"0.6.51","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.51","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-iI1XUSb4W1ofQ36zX1/Q4JV75FdJL5bZmzyXEU1k/XMWnSE4gv5wiooXtUXt+jLiyVUWznclqP1s7Xz+5WWiFg==","shasum":"d0c7fe39432901877fe73fa3dcf3223e796590ae","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.51.tgz","fileCount":1140,"unpackedSize":5731922,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCR+eSBjc1PB9O1D4VzxVeJlRgzL+pYcfrbBBDzIqVwwwIhANm1bqCIoUYUOOatTRsNyoaBRB/45y9ZzdPh0tXsAVF7"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.51_1520925085145_0.5543077113486716"},"_hasShrinkwrap":false},"0.6.52":{"name":"harbor-ui","version":"0.6.52","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.52","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-22tU2cVA54Tavi8JSOXGLbkk5cfmJ2IDyqs2lZaa+KiyAH+oaBbv2zUtVpsxNjdaCDC+bS2JYpLBd5xWHIUDmQ==","shasum":"a696e09796e541e64831389972e1024b10638b11","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.52.tgz","fileCount":670,"unpackedSize":3759868,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGdUdJDV2QtD4rDfbpK3Z6c0IFFAdDT2M55oWGAcg91TAiAYoyE+2FzOWnnpFDGSR5acfrQtjirfvj9YbV5V05wPKA=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.52_1520926382873_0.4944685879252848"},"_hasShrinkwrap":false},"0.6.48-dev.62":{"name":"harbor-ui","version":"0.6.48-dev.62","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.48-dev.62","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-SuCehnFjH3XqyWMCo3sRX9N1KzM6G8oPWNefHXrN5G6JUbjnZsRELdOyl8sIJMts9LhzTnvkqdRVdDwMKDf0vw==","shasum":"604b5aa2dd68df223219bb3679c950baa32846fd","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.62.tgz","fileCount":1195,"unpackedSize":5870644,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC5cyi4hGi24YwX8DVIJSZ6pFpD8diTjQ1f6ZcL4Pr6tQIhANwqWbskccaN3N+fRUw2ZI65+CK/j1BfyxYH4FmvAk2v"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.62_1520938487357_0.2865797410915898"},"_hasShrinkwrap":false},"0.6.48-dev.63":{"name":"harbor-ui","version":"0.6.48-dev.63","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.63","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-tD0ppJ0lv71/yQVvSTyDUqXljdUM2ur3y4hl+o9XUGrG4qznECGZHeKuF/0+7MTwiFRiNE2537G2k+9CMM+/sg==","shasum":"946dfe45c229790d2f574dec04b8656833d5633a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.63.tgz","fileCount":1195,"unpackedSize":5871829,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEbvC7MvlJN8LH9eA32ppx3Mh8te8Os4WXmPUo+S4mEwIhAKzmJVfEH3/Zk68bD0J/aZqxZFVM84f7X1XVeYH1P1yQ"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.63_1520942797542_0.9751040983196249"},"_hasShrinkwrap":false},"0.6.48-dev.64":{"name":"harbor-ui","version":"0.6.48-dev.64","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.64","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-IH/68lUF0oZMvDpSXs2cLmt+THsplDDIDUSEiq/GRS2zK1/gvuJzM08AwFa/bKcp+c9gjjhP7dvDJ/Z/r4cSsg==","shasum":"75a92590767655cc63344f626d82d8abb35ddbf2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.64.tgz","fileCount":1195,"unpackedSize":5872087,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHLuiMbDoQ8PokBU4RWBFCbDUJgjpTlIe13bA6S1MTHxAiEA7q78uU0awnJjlAkA9TfcN0p+TKoR/voG7I5V4n9+K/0="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.64_1520943130744_0.026659068815146902"},"_hasShrinkwrap":false},"0.6.48-dev.65":{"name":"harbor-ui","version":"0.6.48-dev.65","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.65","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-9BUhuqD5KB9RwdvcELryvkx1qtar42Zb19vOfUd80yCd//95ekAJ//JeO6vrMm67QgjUCodt6KxkrGrqM1Ea2g==","shasum":"61180dbb371a737945b245f6d3414ef218767508","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.65.tgz","fileCount":1195,"unpackedSize":5872123,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmyjSVcNEVtU/azymmW8CcEHHZZVr4BH9NX2GuU0YCYwIhAJP7MyuEln9JJbmkjb1kzI/NBzcPhaFcxLsOWeaN58fe"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.65_1520943269196_0.07136603977114309"},"_hasShrinkwrap":false},"0.6.48-dev.66":{"name":"harbor-ui","version":"0.6.48-dev.66","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.66","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-nEojdKwuWggnlGDzily/JHtzA7sEOk48It0H2+VeOUA+IGRbpdRobcDJAY5QdzOAaw/7G7ilyWs7m/c7LkdXww==","shasum":"12bd15117d970f4947f54ae3799166928ba28cd2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.66.tgz","fileCount":1195,"unpackedSize":5874348,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF9sJgHdzOJ6B5/IxRCI7hUvkMa0eTPYwT/W198pFRCnAiEApn/k/FQtpzx19Ze2+m+2GN/EUaJRUFCklu5qF2ldVNs="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.66_1521007016196_0.6093065335152228"},"_hasShrinkwrap":false},"0.6.48-dev.67":{"name":"harbor-ui","version":"0.6.48-dev.67","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.67","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-FZgB02Yq6RlOstn8+a5sjgXzwoD1EKVf5D6imj0HytKcE667QL51vAP61u/N3Y1yQjPz0wbzXN/TEzjXVObClg==","shasum":"db054d04ae2079fa8704fe6c1d5c64c39dcf142d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.67.tgz","fileCount":1195,"unpackedSize":5874617,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIET1OOLYEbvAjVlXIQyA7WQGbqw0Msb+6qheu7GWR2W4AiADt9b15yp2pWyqGSrEda05qeJFbcjZFKIpDc9YYSuK3w=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.67_1521008148285_0.37979714992583946"},"_hasShrinkwrap":false},"0.6.48-dev.68":{"name":"harbor-ui","version":"0.6.48-dev.68","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.68","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-/r32rOEa7GDBd4+fDmg5QTIyRKE19ilzsHpopdhoJflCI7aY0r/cTKVcRf55FoljSCid6F1yxeGZDyvYs+RDbw==","shasum":"db8b2a161c948343e8e356e20b5391b00546d166","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.68.tgz","fileCount":1195,"unpackedSize":5875565,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLhQwOwdTCPJcq8i8OfD3gPcLKcIz5IbISbDgjVSnEsAIga/iGUArXIhiqWJeKjs0aFo+hla5WyFU6V9zgmGnRLkE="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.68_1521010111188_0.6722668861090877"},"_hasShrinkwrap":false},"0.6.48-dev.69":{"name":"harbor-ui","version":"0.6.48-dev.69","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.69","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-C4MN2q+1ZqUfIAD9yyHtiZuR2TYWzz7o99Bbbejxk9KjilDPGwYWdfw+37rHjoqjw3wM6aPiBwUcbvgtd1GKRA==","shasum":"59039db9c5a96c7f4bf4ef4a471e4230c2950caf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.69.tgz","fileCount":1195,"unpackedSize":5875226,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC+R767lwaR6Qm8p9OnpwPM3sVuJC2+A92GBk+8MGq3uAIgJZeuT8u41F+NGhy6EOqVYBYz4+qBYzGsse4WiGBxYFQ="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.69_1521011519885_0.7293671376371951"},"_hasShrinkwrap":false},"0.6.48-dev.80":{"name":"harbor-ui","version":"0.6.48-dev.80","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.80","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-EoMKhlMhj7nyEjb5UAKb9lI7Deaz373jh0yiLsxUrJgdtdgegZ8DFtb49hwlGJxkw97BcV7VfH9QlJgE1DCLwQ==","shasum":"beae75eb6d2c1ecc2d90d0b9ad9b6f9523852487","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.80.tgz","fileCount":1195,"unpackedSize":5877569,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCfMD6i5DJmHzhk5zvx82zEO5yw/D+IEqub36rKI1LgGQIhAL0G1mA+tuhTPZ8QgOnnMph3R9WXm5VM/+UaZo8z7Cxd"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.80_1521014099161_0.12175339032436816"},"_hasShrinkwrap":false},"0.6.48-dev.81":{"name":"harbor-ui","version":"0.6.48-dev.81","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.81","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-bSVCX8kE8s3A/kVHaXALsEolXNReklRSyBufylVpSKUjf4LcXF7FQj2fNWIOKYZKzsCOqDYhXO00L9brsQs3Ww==","shasum":"868192db0181fe01157d89204b74646458ec0c59","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.81.tgz","fileCount":1195,"unpackedSize":5924949,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE8JCkN7xr4wOcKsVWjIMBF++SjBhjClKpcRmH9GGhzOAiEArPEgvi2NAdiRcgptKms2KCK90R7g4vpzJaqMKHXKSVk="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.81_1521019888129_0.42224270260661556"},"_hasShrinkwrap":false},"0.6.48-dev.82":{"name":"harbor-ui","version":"0.6.48-dev.82","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-infinite-scroll":"0.5.1","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.82","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-hX7aVglXeAUdkL+iAF0VXhRClMtazwaFcVvJPnRBDupUvjnVSt/D34OvM1PjLDVRcd0Udgd0bfIHet3Qz39+ow==","shasum":"74a37a9de1a273f1ef3c0b025a7ac70f617762e1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.82.tgz","fileCount":1195,"unpackedSize":5928171,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEc8JG77oD9jruQCtJGGB2RH9q1kOIx9pwssRDsYbVMLAiEAvvB2WQ1P7DBnpoeHh3veG1tTfYInYODT4rGFnEzrvt0="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.82_1521021190408_0.5021333446940013"},"_hasShrinkwrap":false},"0.6.48-dev.83":{"name":"harbor-ui","version":"0.6.48-dev.83","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.83","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-e/uLGn5zUUcVmqD5xMGUxsXfnagh2fwqGWf39lRY2SwBdIMq1v3RjeNifejujnIzqEIcRonieZWdAwJa6QPzUg==","shasum":"5df26bb22606d1fcee6027f70fb8ff9e23adf33c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.83.tgz","fileCount":713,"unpackedSize":3927828,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICwNzAM21bvFeGsJuwYr5wR1+TTFLU9dhcA7YSWP3XeRAiBVhamN0Q4wjsozbEZ2TMkzDOcq/e4qCRvbmDg4EUN10w=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.83_1521094301533_0.15939729625239063"},"_hasShrinkwrap":false},"0.6.48-dev.84":{"name":"harbor-ui","version":"0.6.48-dev.84","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.84","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-RmjdSlLjgb5Y3VY9PkFLBUmqtAqUOcXAAZiByooSAu34+4h5CRCv9ZqEYWKmvVqdwcMXf2wkxrjilb11FiMduA==","shasum":"a4b31d1316ea2ca266a809f023fa5ac59a1c56de","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.84.tgz","fileCount":713,"unpackedSize":3927822,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICwT1JdR0JPMgGDHOCPPShyXHbrYD5Pl40BrJHnbwQUpAiEAwQKSLCHwuAyfdVKF9CqAPEnwl9R5FyICP8gmQUpUWtM="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.84_1521095116808_0.6328234084948825"},"_hasShrinkwrap":false},"0.6.48-dev.85":{"name":"harbor-ui","version":"0.6.48-dev.85","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.85","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ivJ4xHtTlWVVZ0B9GG/NlKFcpNQtoSfMCDXUxgLwqUApZ/D5rWTr30n96PoX6mavy0laG7Ud+CwbUVDlvUWePg==","shasum":"f4a3bb13f158571b7514c17b2070c09f968453e3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.85.tgz","fileCount":713,"unpackedSize":3921078,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCgP9UPOK18OY5CkYJxIOFEjYuZySQemvutxY6a5/jiAIgFWU0Etgntohz4zwmrWVD1MyKDzG0L61ZW9qlJi2Xgxk="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.85_1521102909444_0.06527229123661238"},"_hasShrinkwrap":false},"0.6.45-test-20":{"name":"harbor-ui","version":"0.6.45-test-20","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-test-20","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-YA+AS6guGzCaxYHKELy6sZCsTdY1ltC/kMr8dW9Tu7JDp+6wKLL6voKuCH+wSsxFHB1UH1ThmcZ2n/sDszkCHQ==","shasum":"f8cbdff74a0f2beb995316d1d662c3eda67ec191","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-test-20.tgz","fileCount":733,"unpackedSize":4128694,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICLmJa/lvsI5900hx6OM3n+5IyLgPtHSYptXBg4cyzuoAiBALy1m3yL6hlPkDHnBtPEPSUYLRX0X0+lHpC7gELiFbA=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.45-test-20_1521431087192_0.08786819367633925"},"_hasShrinkwrap":false},"0.6.45-test-21":{"name":"harbor-ui","version":"0.6.45-test-21","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-test-21","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-aQdHFjX5y0Fi89Vt5Ibqm9CwpJzmrtUiKppsaLWjSRSkakd0DZOJgjz0h6ZwLrPhvIPlhMvDzePMut1kV/M63g==","shasum":"677300500008bfaaba252f50154747a1aa5cbc6b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-test-21.tgz","fileCount":733,"unpackedSize":4128703,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAbHOxHQz6rc4meE1N0bMfoWgKQUNh29XYftpc+tnHtEAiEA9xgz29V0/oWkgvzOdMsJweP2ogHM4C/4kqcu3wu0wds="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.45-test-21_1521433066296_0.3289397668411489"},"_hasShrinkwrap":false},"0.6.45-test-22":{"name":"harbor-ui","version":"0.6.45-test-22","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-test-22","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-PTRKBK5bZKaIScANjE3aj9jaxxL/NdZQC0BTxY+HOsmvcxY5YSENRTG9jTLca9Q/ZlnhIhXNHulnhas79Pf9Gw==","shasum":"6aace354bc0d1fb45e371147e2f6caf057c7919e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-test-22.tgz","fileCount":733,"unpackedSize":4126515,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGFeMfd57vWPLBd8AIcUQ4/31taklLLmIWFTGXlI6uUQIgLP7X0D3jXBAAiYSqxdWqzBf0SKm7KEZ3OnN+zz5tGS8="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.45-test-22_1521437725498_0.5067445428518265"},"_hasShrinkwrap":false},"0.6.48-dev.86":{"name":"harbor-ui","version":"0.6.48-dev.86","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.86","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-3JuopWmUEz+/baXlIRJi+A4jRTu74eyZzHFrjcNZr/rSiFM53H7ZiKJHLC6g8vXmMA6UQoVD+EWm9r4fKqxYEQ==","shasum":"20e21a57f921102a844fb1845f02805723db64f9","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.86.tgz","fileCount":713,"unpackedSize":3922096,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGC51mmX4qG5gSwnmBr2et2mqjVUyVt4m+JT+JKV6K+LAiAHIcDvqV/1tQFDioWqIH58Sq+B5z2dwo6A7+Q9np2w8w=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.86_1521440415617_0.5634247839740265"},"_hasShrinkwrap":false},"0.6.48-dev.87":{"name":"harbor-ui","version":"0.6.48-dev.87","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.87","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-bVF97SIffhgng4Q4/usRgAGTRQUOmKBgYR8wo2162xrTeWDkYrwRyIunXTUq1w88FvWeK6ByaafFpimlYLVT5g==","shasum":"8df043cd97af6d15db2d84cf1873a8768ff7b465","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.87.tgz","fileCount":713,"unpackedSize":3922406,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEiGHwGFKbBGu+4n+37uqSZk+JJ/D2hRQKryLSIBUwI3AiBT3Z3T2J8JmIof1Vy/jIAShv4sSSiKfdmeVSgVcg2PPQ=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.87_1521441233029_0.242346919567485"},"_hasShrinkwrap":false},"0.6.48-dev.88":{"name":"harbor-ui","version":"0.6.48-dev.88","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**readonly** is to disable all the create/edit/delete actions.\n\n```\n<hbr-replication [projectId]=\"...\" [withReplicationJob]='...' [readonly]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n```\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\n\n...\n\nwatchTagClickEvent(tag: Tag): void {\n    //Process tag\n    ...\n}\n\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.88","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-KFwhljGZNAqqgyqtVioQ9diTiBQou34GU61vNR9LvV5W3dXAGFKvuh3ZZZ8A1kdeZzrGmK+qtpsxenFovFyf2g==","shasum":"c17007f4764c39159ceff67996597378fa48554e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.88.tgz","fileCount":713,"unpackedSize":3922286,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGsO2vIEEP+12ytu98oa57JfgMs9Bit6dq1dvdQmJ5Y4AiEAne6TN4WfFrbJVxCWnol67e/ty+zUfv2ahM93ou2O4bo="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.88_1521441786716_0.4416909387296386"},"_hasShrinkwrap":false},"0.6.48-dev.89":{"name":"harbor-ui","version":"0.6.48-dev.89","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.89","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ipqkMl6p1QYKOKd8OoLV2VTSD+i8tK7ynY46Dm+NnaHdHWeAoiQ/J/uUainK7pvWGMJ7Vz3FwfVwUej0mCh4OA==","shasum":"bb93cef397936a747804201fdc959c8f27465d49","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.89.tgz","fileCount":713,"unpackedSize":4039473,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBAKVRaj3Y+71+5TnmPjTYDDZ/is56aZZKRiMXnlNvBiAiEA33oH8IX2CSgqUzfc0n/zXex+faL3nDIThF7CVeeA70s="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.89_1521449231890_0.6521688822465488"},"_hasShrinkwrap":false},"0.6.48-dev.90":{"name":"harbor-ui","version":"0.6.48-dev.90","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.90","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-G/SwEaq4zyFNvZJEap7cBl6gxXjzeLLgK5vB91U+K/FNmL6pozKxPFsCin6yELryWg7eh7zjVNw4LlrdATjYBw==","shasum":"493de0b7def8eeab7d1ace61b5c43f628ed2a857","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.90.tgz","fileCount":713,"unpackedSize":4046574,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGYdL7FJOekuFSgWBX3fJpbpS8JRqMq8s/x0yZzjl3X9AiA12wneD2CMww+s6shxCy7xSfoe6dHldRT0l2zoSI/wQA=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.90_1521450648300_0.6774699949756384"},"_hasShrinkwrap":false},"0.6.48-dev.91":{"name":"harbor-ui","version":"0.6.48-dev.91","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.91","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Sz/y289QF5xrB0mUse8gBZHyAFG1/IfCWmFobARsDZDBYzbXUCYKkECwW33WV56QllnT2CWhGPmGyUBOnRXzOA==","shasum":"8a171329f3ee6cd5721ea92a813fbb7158480fc4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.91.tgz","fileCount":713,"unpackedSize":4046586,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmE95r8AIlo6EK+aALa5XobI8CrZO4QJ6XtKqOxNvbWQIhALkgRMccqvWxstl1VnaK5YWYEy8F68xipJcmYRVR27jo"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.91_1521451131341_0.5834055670908946"},"_hasShrinkwrap":false},"0.6.48-dev.92":{"name":"harbor-ui","version":"0.6.48-dev.92","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.92","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-gM207h6jKmFPH2byNVmIZZ4IOqVfwEuxRJLOl1AHnhYn3+cbwtJX+RrQmO6RAtY8GY51G9b1u6G0YiqG1EO2Dg==","shasum":"50f06ed8339215f9587e80a545e3d5cd498f3193","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.92.tgz","fileCount":713,"unpackedSize":4057484,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyChLgatycq9rFiP28l3aS4T34g4sMudgBpD/CCpQkfAIgFNgUsh0E2a84UWGILK1K7rNswFPQoPzthj618a5Ni2w="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.92_1521452754020_0.3726962421097313"},"_hasShrinkwrap":false},"0.6.48-dev.93":{"name":"harbor-ui","version":"0.6.48-dev.93","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.93","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-JZ8MDr4g2pTM/7WsxGYmXcwUW5W1VykLauRF2rX/fJmtCGEb6OT9L/POeq6D0PVG8pJpOY13X8T6ocDFT89XfQ==","shasum":"585a6f1f8fe96fe4a19fe1bddc02820b5c1869fc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.93.tgz","fileCount":713,"unpackedSize":4050452,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGNQ9kmjWurad2pY0XqO9Rgv9nF0xcGGwZFGGj/qoPxyAiEAnaaBcqRy7tqg/+Tjp14lCGpothC8mlgyW++BGAtkr5Y="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.93_1521454025253_0.15788681786107128"},"_hasShrinkwrap":false},"0.6.48-dev.94":{"name":"harbor-ui","version":"0.6.48-dev.94","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.94","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-D5kXstni6G3quZSIyCZMNNzyuuxjFNASDY42ZuB1BGsqzyC/nuMDlk82yeOOvdZBHLIu5XtjRMIf3LP9KYllmw==","shasum":"4ca0d854dc944ddb186070b5b75bc47b6392c9a2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.94.tgz","fileCount":713,"unpackedSize":4043670,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIENERhuuhrPl6Ai5SjZVoQ7ljsDdQ5Olu4AqApTNmWXFAiEAo2/xo6+D+nxO4T9k0Rv9hz5FoXcIkP49wBo5qt1uNrI="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.94_1521454712279_0.9510137785640687"},"_hasShrinkwrap":false},"0.6.48-dev.95":{"name":"harbor-ui","version":"0.6.48-dev.95","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.95","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-UQ0OEfyPEguG19s1+vzMw4EZ8AjjvkUETA61jAACYbt3/JMlMBFH8rfRVkBAeT1SVVrgSNKmPxD3B9LVTaa+dA==","shasum":"85f378085144b2224b1e02518e3c8f1e0823b895","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.95.tgz","fileCount":713,"unpackedSize":4044631,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFg0STsMRD9LpMtfnNE3wB4ddw3rbwek7awrqPu0vsauAiBnlyAjPFrDwvf53mgifPV9ICnFSyNXlzpJ8IyUNDkGYw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.95_1521455264059_0.7628763875004008"},"_hasShrinkwrap":false},"0.6.48-dev.96":{"name":"harbor-ui","version":"0.6.48-dev.96","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.96","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-sMY8QfE5uwNoko7Qw1kz+frftTxzSSa+o/nHhp4UrxUvgvPwpO5q9JLl02Lx7j4g3X5wzjqgq0a1PON6gup6lg==","shasum":"0987fd02c033267a49fdc08094cfc45760e6e8b2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.96.tgz","fileCount":713,"unpackedSize":4046851,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDVyYGfIbUpC8/zS6NgNzcJSBLZzfAxhtJ14wgwXcZ/DAiEAtr5Nyhmh5+SrnHzqXMHo5zGKnCX6HlZ43Nw7G+qh0lc="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.96_1521459432424_0.7471269487744985"},"_hasShrinkwrap":false},"0.6.45-test-24":{"name":"harbor-ui","version":"0.6.45-test-24","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-test-24","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-of2OuC/WJG6JxRPPAv6Li+eaiXv8FxhgiVHovt6IQvEj3BdPMaNddf2uwPXUZQuhRb94YvNIwalTKikW3We6Pw==","shasum":"cd2e68717ac00d46e931dd2e1411ec10c562d2f7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-test-24.tgz","fileCount":733,"unpackedSize":4124189,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDshzMKxM4WuIMx6Yt33PA/huDKLz6O7PfeNajIEPodtQIhALkSFJF2FnxtZI9Xe7UX3O+XwpDnzz+AdbiNjZeUU2cn"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.45-test-24_1521521139594_0.18080520951163215"},"_hasShrinkwrap":false},"0.6.48-dev.97":{"name":"harbor-ui","version":"0.6.48-dev.97","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.97","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-gWq3espw/BeMYcUcKZTTC+rNkAwaQa7nmz3MfQ7s7OP6rE03mhTK07phb0Ryf2CC4RnEP+6exMmmCauYJWpJQA==","shasum":"e3aa32adbf9795e1d542fe888cb598055de5bc20","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.97.tgz","fileCount":713,"unpackedSize":4053902,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHzPG98xnGEf88dRRTIurRQhiapvA/EJzI7EcbtpOJAOAiBmz1lTl18vprG3O4NHOztZ1vt7d2bKCrz9hr1WoEzofw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.97_1521528513421_0.7952648091957559"},"_hasShrinkwrap":false},"0.6.48-dev.98":{"name":"harbor-ui","version":"0.6.48-dev.98","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.98","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-amwdVTvdYEwArJ/ewBwrouT1jvZea1aKP4ebjC5Dqenj/erl8SX+VfgBwpUtWiqKL4UFWjyCaPN9ry6NbelMhA==","shasum":"ddd4d33578490f01e362a43e8c5d4aa7bbb78f81","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.98.tgz","fileCount":713,"unpackedSize":4055037,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZIHShqwnUYujRwBxv4UzrEUqEBI9WeXv3Fc4koDxt/wIgIZSs31zWEsOzvUuZDbTqgTnX/xa8cQWF/+i0f4ruwq8="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.98_1521529600679_0.4989918458823721"},"_hasShrinkwrap":false},"0.6.48-dev.99":{"name":"harbor-ui","version":"0.6.48-dev.99","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.99","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-WZpgz3r2eXIVe9LosS2VXA+jHRXE59S/Qpo2WvVJgLEwCXPLSf4qo8bsnmY0ZLfAbph0I/jR+i50HvixScGwlw==","shasum":"0e86a5a9f1f9edd9bfe4064dbdc1d83ee64d1b9a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.99.tgz","fileCount":713,"unpackedSize":4056837,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDZpk2dVy4QdB8JSDAiA7hqMkzZSnlOnh1NN3zjIUXg7AiBtUfxXodVazyDeZaTHb79C202zIelgpjJqs8/Qy9lU6g=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.99_1521530564257_0.4963473055933396"},"_hasShrinkwrap":false},"0.6.48-dev.100":{"name":"harbor-ui","version":"0.6.48-dev.100","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.100","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-qzWRyJSqu7FZmOmf2AclwfQznTgUR8+E2QCuQoyzdaxEDRsocLWUKbU1Gp3ImBolg50IXOUaRhX4++MbqaLzXw==","shasum":"d440587be8dc4257729e72ed4d8de8f4e439fe02","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.100.tgz","fileCount":713,"unpackedSize":4055414,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICH3jiuHVUjPqMkwBZZsgu3IvqmSqRjPpVR5SRKUfeMnAiEAicnthCIQcwtsPiwGBDXtbXrkZ+kNHb9eJFAh6xyFIQo="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.100_1521531571662_0.3728726213001863"},"_hasShrinkwrap":false},"0.6.48-dev.101":{"name":"harbor-ui","version":"0.6.48-dev.101","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.101","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-dBMlBVYlTLMQ/9tZ1zT8KBcGUtryMCyuux/Xsa074jmiDHLtcmGtPaNlvIYz8TwacnHOELW7+DkIpK3GHiVRAw==","shasum":"1177c0e90adb8a3d75a36951487852f675233194","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.101.tgz","fileCount":713,"unpackedSize":4055629,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMH7bZXBg8eKuqAelPlXynSSJwuFlGiZtmzP2J4MSMWQIgHeyezmNEBwLztV5crK/Zx0yvNASOrApK/qK+5Kx7tWE="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.101_1521532317372_0.9363521709214144"},"_hasShrinkwrap":false},"0.6.48-dev.102":{"name":"harbor-ui","version":"0.6.48-dev.102","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.102","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-jsVzicWPHYJn1mNAkXxDuX/HwXwTIsuxyigtp7vo2jSEzd4gN7VvLTDrokcXTvoyb3px6PC8pZenH0PlPaBmsg==","shasum":"283235dea87279624af8b7901eb0d782c8c1ee72","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.102.tgz","fileCount":713,"unpackedSize":4056093,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDL1DXk37KkTEluloTdNZ00AZ+TGgER4Z4He729eWbxrQIgIeOzXWEHSMUmfW2RLi+tk5DBgKJKrQ6dPqIVC1emT6A="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.102_1521532967873_0.43741162046603566"},"_hasShrinkwrap":false},"0.6.48-dev.103":{"name":"harbor-ui","version":"0.6.48-dev.103","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.103","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-c+zviQFhNNA7Y+enmq63qcKj0QNLjF07IMvIWwZL/l2wfTRo7Zi/Qp6atSiEioGMY/l3/zt0ScaN8erxYZjbkg==","shasum":"75ecf2941b8c2e3be2500c4d7638097c4ca37716","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.103.tgz","fileCount":713,"unpackedSize":4054610,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDl5NmSfvCDds9pY+wEQkUjuIVXFXy9XPrK0ZQO9SviCwIgLjGX84cmMEF2TctBw39u+3xLqyInV/4y6soS8+gRaio="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.103_1521537297840_0.9408132509077145"},"_hasShrinkwrap":false},"0.6.48-dev.104":{"name":"harbor-ui","version":"0.6.48-dev.104","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.104","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-NU7v/7LKdVAbplzRI8U/vanifItWvm7DOW2o1hFOYjG2UU5rWP8BgCRUZ310+qgl9XEcE2ku+WZfdVXReO+LHQ==","shasum":"7728e1b959bb83be810a0066c16a609eb034b991","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.104.tgz","fileCount":713,"unpackedSize":4054674,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA8aGUk9r/d4HvVH2eENde4qDDBhwcbaSgVXIztV30oiAiEA1o2FfWipSv4AOdeHaUpbV9fRPwRLNb9fWLrJKzmTLIc="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.104_1521537730192_0.787882208609906"},"_hasShrinkwrap":false},"0.6.48-dev.105":{"name":"harbor-ui","version":"0.6.48-dev.105","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.105","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-CnAu+11M8XTdwUy2ptEQfA5XaWP9IqAxUSekiA11rNj5DXjsDY33HDQxIv/ArKnKGFni2d085rbcA/rVGMwpvw==","shasum":"7f0ef1edcb6d1891e76654b50ac29c9996ab354a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.105.tgz","fileCount":713,"unpackedSize":4055037,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAgo246XZ4H0z/6gluetzecrH88gzN6cKJOd5Ji0M7vgIhAOdc9ecbPp+QRAfiJFN9+gKeSOgoNztUhPPKeUfpibPB"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.105_1521538896592_0.9908590070910301"},"_hasShrinkwrap":false},"0.6.48-dev.106":{"name":"harbor-ui","version":"0.6.48-dev.106","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.106","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-JBxmP/7AIfiY9CWZyrAzXi13gIe/CFOX1RgqqFjw6kPzCpimJC9Dqg5mEZx3e+lTpBzKxoDjcqAy1sV6gHAg0g==","shasum":"c0cb59914ce81ac5ade85a97538083d714c76eee","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.106.tgz","fileCount":713,"unpackedSize":4058703,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGdib8ogz1BvEl0fLfQOLdUDlDUzfjXGw/eIxgns5hvOAiBnpiz2TxsRyGu9xbT1t2pQKws4O5EjtRkQIMuBiKQBng=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.106_1521543371390_0.9859437319507578"},"_hasShrinkwrap":false},"0.6.45-test-25":{"name":"harbor-ui","version":"0.6.45-test-25","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-test-25","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-j2vOGbhYR670XGWw50XUwa5HMo4lwdXREhmvP0BLPF6gjyjK1xlhwW/9mAmIt6DFMWB3sa+q1D3jyHFd8dLZpQ==","shasum":"990a9e5e1f18c8df37f5ccb58dc3ff66ca5a72d6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-test-25.tgz","fileCount":733,"unpackedSize":4146328,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDT+ckqhdkq/vpDzAmeoQ5yMPu65XwYCZoZaM/pJyJYkAIhAK1bogLWY/uozvwXOoo8RYuTzUb8vW/OWgTAdHOPK4C/"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.45-test-25_1521595950024_0.7437154869153053"},"_hasShrinkwrap":false},"0.6.45-test-26":{"name":"harbor-ui","version":"0.6.45-test-26","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-test-26","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-YfNTC85eoiB4J6eHstbmsvqFozmocu55Ub3cxyqgsEc+0IhLHXqJLrPbVPPlk1RDxtUF66ztuGlX4LxUrr31Qw==","shasum":"dcc7753ad09af8de5d4b520d393e27379d62ddc5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-test-26.tgz","fileCount":733,"unpackedSize":4204846,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDloxRwFPn6FRX6aIbyRltIRfq+JmqFcJtZRIHAhov+QwIgdLu71ndxoLx7t9B+KxhA78SVjgJXxILU8LkjVSXZ0zc="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.45-test-26_1521706823197_0.482904977943311"},"_hasShrinkwrap":false},"0.6.45-test-27":{"name":"harbor-ui","version":"0.6.45-test-27","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-test-27","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-mpkk1oHSMas12dW/+M3biE1dov0Vbe7EUeaQ8O7770ijLNFYyRADEWRVJF1oImWRosnuWsfmuLkfyEKsElA2AQ==","shasum":"9004e8553bab3007b67596cd6ef09a78843a7daf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-test-27.tgz","fileCount":733,"unpackedSize":4208097,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChh3qL1yvmWwvyGthjQNMg0qwSATgp4jq+JzA0t7E27gIhAL3LnzuKgfCmNkZcy5ffg2ox08qudhA/eqvWxVgpN2JH"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.45-test-27_1521709392149_0.3255865950508121"},"_hasShrinkwrap":false},"0.6.45-test-28":{"name":"harbor-ui","version":"0.6.45-test-28","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-test-28","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-5H73FU45ud1OaLyihfhyfu498XnAbANlC18Vhx6E2T1Rh01PLEcqkmQEaZGnDx2fhf7mv6x5s6aqQjPGTZNu9w==","shasum":"babac25f382c4142f9a2a664575060d48a1d3e65","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-test-28.tgz","fileCount":733,"unpackedSize":4208038,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuyOO35T+J9zGNbGuJB1lR2m1GT2g66U7ffVn4ihgKTQIhAMXNrSFpBT1jcr5drhUe4hBCycKjgVaxAnnsCsf1A/e+"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.45-test-28_1521712973738_0.8698989766776173"},"_hasShrinkwrap":false},"0.6.45-test-29":{"name":"harbor-ui","version":"0.6.45-test-29","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-test-29","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-xEwXt6scsi77Bp8n43PZ4ry9E92fkVWtwS7N5tTmjWHlQekIm228ncBl30pX1kOa7GPZnjVes53WY/oCJjJxzg==","shasum":"184d3f343b7f05fdf5e62a399345f87bfa773dea","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-test-29.tgz","fileCount":733,"unpackedSize":4208644,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICmec7bMNkHzxjF/MIruOKZ53NTr+C1wKfDBm1fmhu1NAiEA8OjCm3nh2wB2AjgSnU7ztT0yWsDsukMAgDfym/sqVb8="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.45-test-29_1521716098063_0.11959335113564151"},"_hasShrinkwrap":false},"0.6.45-test-30":{"name":"harbor-ui","version":"0.6.45-test-30","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.45-test-30","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-RITp2me6JcKDIxZVfUqxw4z00H61/IggzQ0VDRIrEXUvSI2K9U1QloPLdGSX1qqDCgqXiM04b4gl23DJIGgxvA==","shasum":"e14e6bc13382ed2840a962438682e909ab01b21d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.45-test-30.tgz","fileCount":733,"unpackedSize":4208615,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1htEAGnPUWmkU82f/R1lWEh4xnmqF0tFcHq6a04QXJgIgAb+pnUY08pvqI1KeKsEV3N/N7Lpc+fNCyjKZ6zKblfE="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.45-test-30_1521717395400_0.3683009306437355"},"_hasShrinkwrap":false},"0.6.46-test-29":{"name":"harbor-ui","version":"0.6.46-test-29","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.46-test-29","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-8VvSYY9nAsl/sWVSCmwaag1HcKdMh78HSi8LYYOHg1dFDUNRib1KIWUopZqwWBXexT+FRlo0zMuHkclmC/wO6w==","shasum":"e91a774505d28f6afa4d864aaaf1ab3e2ca44257","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.46-test-29.tgz","fileCount":733,"unpackedSize":4208615,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRxxrfXhfLXXOmyUF4UiP9nQGZreEeCkRhsJPl9VO8OAIhANP6fRI6H0Mp3cicUD7NfYrWCP7frYLpuJNDwmb0TtyK"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.46-test-29_1521717579726_0.086752620676386"},"_hasShrinkwrap":false},"0.6.48-dev.107":{"name":"harbor-ui","version":"0.6.48-dev.107","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.107","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-zl6VfWlYTPNzjbMV16Y7TpyceftEN3DUryfzdzCF0T2nstEo31GlPIn5X4k4R33Y2+albIuF055tFFq0nYp+Ng==","shasum":"74a4a7423d18eb892bd5274db0c1a7512d479152","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.107.tgz","fileCount":713,"unpackedSize":4060036,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnEVeeFAAeyfyEsL+I1WrnPS6XulSKIiB/RfnUXjIDRQIgf4JTxlH9JJVS1O6BWJLiKn5Y8yW5B8ReQhaZ6mm7jL4="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.107_1521718610641_0.5303954974991179"},"_hasShrinkwrap":false},"0.6.48-dev.108":{"name":"harbor-ui","version":"0.6.48-dev.108","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.108","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ekLl5Ax23SHA7oN85tN5gyYuu0GwWNETtfXCMDtgrVpn7J/BcCcmOZ7H1d7WvMmt4+CrqD6/DqctYKDXJXV+tw==","shasum":"de2a3a5594b90f52f330bd4fa1062f04315548c2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.108.tgz","fileCount":713,"unpackedSize":4060524,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCXvIdItEcq76wSz7aOOT+Lsr7v7qOEAW3rtHgedRwTowIhAI8N6rOTNDaJHCrUT7731EiOCX+s7hhobFiLyZDR+6P3"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.108_1521719163814_0.3558553208140036"},"_hasShrinkwrap":false},"0.6.46-test-30":{"name":"harbor-ui","version":"0.6.46-test-30","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.46-test-30","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-FeYDEWip0jo2O+6xesQobKF2xJSq3BevHrQF8N+gDV8L88GmQc6nog41cEG3Vd0EGzESV2sSZAJhqXdNHGQoug==","shasum":"1144c4d051072476db614bc83dae83398af93548","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.46-test-30.tgz","fileCount":733,"unpackedSize":4211012,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCmxai7usCuABq7rVXsox2NoJt+NiUzfwVjZkkZnCaoawIgB/C/2SOc4sTs5u2A82XNHN5UuproWyMYO5cW42suQEw="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.46-test-30_1521768687271_0.3654903458608536"},"_hasShrinkwrap":false},"0.6.53":{"name":"harbor-ui","version":"0.6.53","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.53","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-+GakoQA+8LHP180E6aYhRFVBLWxCxQV+tHG8rILqaKgIGWdz8SPN9IuU5AK7jP1COu+1bv3hAt1fWuLmPbTMOw==","shasum":"f9f8ef388cd7684e76f502be60a34af0b19dc1d3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.53.tgz","fileCount":733,"unpackedSize":4208687,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHGfswDkHY3n0DCtuZJ+Jv5Pwig2eyizXxoUC5pMoqFoAiEA3jstHkWxcjawGbX+8fD89gRuzbgsz+v+G1i3p1NUsAo="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.53_1521769850044_0.3577191386070129"},"_hasShrinkwrap":false},"0.6.48-dev.109":{"name":"harbor-ui","version":"0.6.48-dev.109","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.109","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-4coF26o1tplocDgIXo0G2xXVwnEJnzQJnPpPk9TsY1ng4ska2k5ke2dSKblRBEtVGfgf/lzQSOeVijB5hzYcOA==","shasum":"b1dd64205c9d43cc6f8996279b213be5e0842282","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.109.tgz","fileCount":1193,"unpackedSize":6072346,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAf345jwrtUdhbX9IwrBOfdQOZD0j6JCpis0+84SuZbUAiEAuq1IgNW/S1hFY59poam6eeHLsQ+al1H+wNLDVLrENik="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.109_1521795080319_0.3587872423782521"},"_hasShrinkwrap":false},"0.6.48-dev.110":{"name":"harbor-ui","version":"0.6.48-dev.110","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.110","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-UVDfIzc7n5VCuYZ0B9pjHbiwuOdTI8PZV6OFp7JXublJ/9wU39qqQXF+o4kCX8xKAjaX7dNkaeK1tVgaMJt/tQ==","shasum":"d72557794ceb441b82579427ab562a4bad485e49","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.110.tgz","fileCount":713,"unpackedSize":4061706,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC4A7xd4WuDTItz7ZYuETxNWoEnjkfrblkdTanyjl3VTAiA8zw+4ptkmPH4Y2iZR3z+DSKNAv4/km6I9+CnnUybfRg=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.110_1521795986511_0.7063767232722302"},"_hasShrinkwrap":false},"0.6.48-dev.111":{"name":"harbor-ui","version":"0.6.48-dev.111","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.111","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-/bLkZJbiESh1ZfaTDwP62L88kEnN8VQ6diNckubLmj/t/8p0k2AYCjJ2wTg9yayIhH9OHu0nKqpIoPRrkTaB7g==","shasum":"9256cfcf606645a4e49eaa680c46d2c5a68886ef","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.111.tgz","fileCount":713,"unpackedSize":4062022,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVTagyk+mRRtKaMEzDAQ82cQt3hYsimHU2eLK+kZ/RoQIgSdC9Nz/6DgHvVe8IF7S2q6a/8M942gT2JjH/XOOojm8="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.111_1521796703358_0.9620820939842452"},"_hasShrinkwrap":false},"0.6.48-dev.112":{"name":"harbor-ui","version":"0.6.48-dev.112","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.48-dev.112","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-EXD+d4CXhRvMtuOoZyIZGkilQfp6WLP/pJP1xwnwRdPZ8i3AmFZcsMBCkBxmYJpV7Kv3otYEUtNhCXif4mvc/g==","shasum":"ad73f05b51d5ba17f17d209504eeb4a6b0b7276a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.112.tgz","fileCount":1193,"unpackedSize":6072718,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKWGvYYt8Y3z8cIuKZPMv+O4MmI7poPHAM03i1z9a+VwIgPoA/M2H5FQflBD/EI9se94RUP0L6hs5JAq005eYrSbM="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.112_1521797059337_0.9888376091220348"},"_hasShrinkwrap":false},"0.6.54":{"name":"harbor-ui","version":"0.6.54","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.54","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-WBJ5AuYcMDgRYODcUehPyAUx7SeHg/1zrx+PExCnz5KkEz6QhN6virwrHlFRyrK2uMAPWm/mFl8+/N7aPwqdoA==","shasum":"b16aa090fb37a7ccc3ef10a73a66eaa07732ec58","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.54.tgz","fileCount":776,"unpackedSize":4438946,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBwxGr+Ef8lW3toLRT2RQ4q+Sl8Tcd6WnpKSKxDGY8F7AiEAorhVb0K2UYj5JDx9elX2/CSZHxDKs8lOuf4vkknfDjs="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.54_1521798441689_0.363742858779424"},"_hasShrinkwrap":false},"0.6.54-dev.1":{"name":"harbor-ui","version":"0.6.54-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.54-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-JzVWlDuCiHGPfJyy79BZroT63WG98v6bhL6GiVGViP6A26ho4ioo57p45ESVdf1fw5Wrk7ARcTK5Q+/VlT/p5A==","shasum":"df9fa79e430e41105014fdbcb01ae797fc036c38","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.54-dev.1.tgz","fileCount":776,"unpackedSize":4438635,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHcZOq2x0eXI0l7MT6pBAtZIEXb7VO/UPta1Iz77eEucAiAZPZDJxifI3uxtj3APYHB8l6gqXPQqmPMdpbg3XQ0GNg=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.54-dev.1_1521800842224_0.32711131147477013"},"_hasShrinkwrap":false},"0.6.47-test-1":{"name":"harbor-ui","version":"0.6.47-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.47-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-xk+B4vRJKJxw5O+y/rRPjj3h7E2NYaJDmkPTybVbwQH1eFWlYQ3fcMGq5PpYKPWwgAwx801wNcaTK4vW58sZCg==","shasum":"527619420f9893024bdcae2f87ab3cb6f0ffc566","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.47-test-1.tgz","fileCount":733,"unpackedSize":4216593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDMHx+tSob5w8n4u4Y7mDtiY2OoecERGWheqk4gvwQJzAiEA7tJU3tPi8SXDPKeRESDm8gkK9r6zcissz/O+ov0QSbM="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.47-test-1_1522053684664_0.7500670346708087"},"_hasShrinkwrap":false},"0.6.47-test-2":{"name":"harbor-ui","version":"0.6.47-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.47-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-L2XB29zG1DfYu1ep8Q0Q9CeMGJWRckwWbWIKvAv4901aySWVyALiIRHWY6HQo+9Ezi23FjGX5fw4lsSlikVmag==","shasum":"338979700dda1f0f557636e25d19d41493d55a1b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.47-test-2.tgz","fileCount":733,"unpackedSize":4216633,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFqDiEVH2KsRJ1Lx8za4lfYxxGB82KbliFLRHvp5+zeKAiB3Tlo8FtKzZhjxNoBhypK+lYxLeowgoUPHY9epWnSilg=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.47-test-2_1522054966228_0.5500661679554071"},"_hasShrinkwrap":false},"0.6.48-dev.113":{"name":"harbor-ui","version":"0.6.48-dev.113","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.48-dev.113","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-y3CmnDH8qGQ8zumXQyHiEQAxP2RxiJ/gzNbeWiVb1zT8qa5dkGUXyZk6k0qSNDPlraK4d3lVlqAzMFKtbDcfDw==","shasum":"92a84569641c49c966a0684b595fd37aa8bbc2f4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.48-dev.113.tgz","fileCount":776,"unpackedSize":4438645,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAyEcjjj+XizgRIERPDVfdEnbtJnLeNsfwa/ds3x4o+YAiEAmwzVIhcGeEX0YI9XLINHdvZ9Jh5ZSydilr78vEDJvEU="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.48-dev.113_1522055455302_0.3662731441182876"},"_hasShrinkwrap":false},"0.6.54-dev.2":{"name":"harbor-ui","version":"0.6.54-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.54-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-MTC+AHrOHlTJpLZrYfbAMc1+q+rB9EI9wrmyx65K6RDIZuYERugIzDD6iH3tSVRKAxj/JuXnzS704b3wbxeTLg==","shasum":"1b7b2d0ff30853ef9cf529cbf08ac11755f6384f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.54-dev.2.tgz","fileCount":776,"unpackedSize":4438643,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDPmYc8GUppfi3yMGcnsCZy7oIZ7iV5DIRFraUXr6nqKAiEAyRf/Rq0+oXff4aeNd2yx86KaSpfV5en3UOISdpH4QBw="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.54-dev.2_1522055611497_0.08391395150755154"},"_hasShrinkwrap":false},"0.6.54-dev.3":{"name":"harbor-ui","version":"0.6.54-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withVIC** is integrated with VIC\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.54-dev.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Pm/Gdx/NPJE7PngutnzfLpLNh/m3A7+ai1np/2FjiO3bupN8B95vchBwdXcvKjDZt7zvWOy8enz6iZ+cWyG1IQ==","shasum":"b8953c57f3bd713a0f0e94cf06f34955fec2f498","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.54-dev.3.tgz","fileCount":776,"unpackedSize":4439582,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqd9w9d2wXBIIG7smJ8upLOc2wDiAF7O77v4iqOuPb8wIgJiLac5nDw8yefhcihIYpL8QgJ5roiovhWTh8zFxeH+k="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.54-dev.3_1522056522803_0.05879846937675137"},"_hasShrinkwrap":false},"0.6.55":{"name":"harbor-ui","version":"0.6.55","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.55","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-IP47Em6z2tuTl5Xc18XCxdGYTwV32eefld/f2C3fxhzXe1uKFVhtfq+xkqPv33X1iuM7/nI6zqVvL+ajIYHqvg==","shasum":"b54f6eea0d78330a0f81560064bc4f18d74dc310","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.55.tgz","fileCount":776,"unpackedSize":4439576,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF7eANATtj+c/+3KS8SHvyZj31X6Hpy8moL7KFNZCF6AAiAlxIaSUGS38exTh8s8coVI3hTEJU4l7yo2tQvTw0Jm3A=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.55_1522057014207_0.13771169927489013"},"_hasShrinkwrap":false},"0.6.56":{"name":"harbor-ui","version":"0.6.56","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.56","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-61scPzh06FjBFuc6q8cJWpDNrB0F5alQUXFvg3Wtqkgduqbg9razjIW2pw7KircAR/1eTVdYjCuR1Yh/kHM9AQ==","shasum":"8e851744884c265ebcb54414ea24f6a934fa1468","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.56.tgz","fileCount":733,"unpackedSize":4219032,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDaM6gj8cneR+KCneifsbhTuEC8f20mdDzWvcwmDEeqZwIhAOmezF/UYgQCDBNAbBf9LW8IgSNV7nWhu2eHkDXV17OU"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.56_1522114833884_0.13300911546325178"},"_hasShrinkwrap":false},"0.6.57":{"name":"harbor-ui","version":"0.6.57","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.57","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-3IIY7zZ0PTg77Ifi+XtElMAvcuUpPbgz2gcPxOmZ+6vk9vEBRU9jV7CIbDSWTAdz5L2H9Aw8G4H1kyz8mIISqQ==","shasum":"2a91b31574ad2d2d04ab47bbdab29ca6c4ec4e2d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.57.tgz","fileCount":733,"unpackedSize":4216742,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrJ6a07EgpqXgkeRW3Zazn16AVpDqW91x0o6n41cIbbwIhAKTZiH4fyf2H8pMoG425KGPFCSWjt7X3fZd78twdPTf5"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.57_1522116166288_0.7702613946103323"},"_hasShrinkwrap":false},"0.6.56-dev.1":{"name":"harbor-ui","version":"0.6.56-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withVIC** is integrated with VIC\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.56-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-FP83fGdJnWelagiUMhn6brast1aW4hWroT7u3UAse46uwyThg9twwC3bY0fmvJ3JflkDIrmxx9LsHErDw0g8kg==","shasum":"dc76891c3c97818e3107ae2847594a4d0bd51e29","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.56-dev.1.tgz","fileCount":776,"unpackedSize":4440016,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjsTwezVnNsPwZW3pkRYq1l2P95eHtNwS+57Y6Mu346gIhAKOPUZV+ergLhDbuS9lLIJN5nB8z3pfAaZejMiPfHkh9"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.56-dev.1_1522121222496_0.5012025324852978"},"_hasShrinkwrap":false},"0.6.58":{"name":"harbor-ui","version":"0.6.58","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.58","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-4EoDRTWwbBxQphp9ZqwWFKzgoPrr5l4cOK5pLFE0X1DgxO4zDbrWxvf8Zu8W+4aGepP5eH8pBZ0viW5PzwJbYQ==","shasum":"4c9bbeb3f2605bb569cdd0593b461f108587ef14","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.58.tgz","fileCount":733,"unpackedSize":4224250,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCaYQPPGaKFp4ONRbFnXKyU802xwnknitdxONwN/3iWmwIgO4QEqfVDC/rXWj6EjkTAy3PMgV94YB4kEXkMGQBp7sM="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.58_1522130292497_0.20978078708632952"},"_hasShrinkwrap":false},"0.6.59-dev.1":{"name":"harbor-ui","version":"0.6.59-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withVIC** is integrated with VIC\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.59-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-3Jh/6RssZg3ZM0tc0kgtj+bqlV7pIXAB2tHI+TQQgi1v271KPd9kUCMEB+6ErnquGuRiIlhFz7IJpa0EVWpQeQ==","shasum":"00d5cce2982084a74f55624788b0c01ab5e13b48","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.59-dev.1.tgz","fileCount":776,"unpackedSize":4456147,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFBzaOhge72jnTiYLhuLZ1/qr0mgndx/sw873zAWIdsBAiByGnQHz2VAmQUtkRkqYQcIWYs0JCT+HzKB/DDxhmpA1Q=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.59-dev.1_1522219926138_0.4533359542868298"},"_hasShrinkwrap":false},"0.6.5-9.dev.2":{"name":"harbor-ui","version":"0.6.5-9.dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withVIC** is integrated with VIC\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.5-9.dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-q17s+cd98htgfnx2Di369RACCh+/IenSxY4STxzslriKbLKqK54QE0n9xxQqs3QworY3yZSHfu3irNFOUgYgIg==","shasum":"467064a8cb0a9a6ecd673fad2664ff98e2690ae2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.5-9.dev.2.tgz","fileCount":776,"unpackedSize":4454154,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCQqB3nmJv5vpWzQchCik1TjSo1Yk9O53ZeHfxksD53gIgGetQmmdfgV8KEuOX27gjWJDdbCOoSjK1oZEwDdqPYto="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.5-9.dev.2_1522226470247_0.2088217339833982"},"_hasShrinkwrap":false},"0.6.59-dev.2":{"name":"harbor-ui","version":"0.6.59-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withVIC** is integrated with VIC\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.59-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-8yYSgvX7cp3hjO0RwOuUlWm3+zEh3poBXpQRWBf7fNC4RLbLftTkwMalP3IyQB+u4Izz3SQe/gVlICiAkig7aw==","shasum":"9aff83725c5d81a6cd503eece9975cd9dd45a8c5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.59-dev.2.tgz","fileCount":776,"unpackedSize":4454154,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDw7oOEnubGqqTPIF9riLIh8Iru9VhQ082cSKPgPNjzxAIgUp+Vrel5QxghJ4+oe823haRg6RSNwUp7zGuZcRCC6is="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.59-dev.2_1522226558745_0.23502575767438127"},"_hasShrinkwrap":false},"0.6.59-dev.3":{"name":"harbor-ui","version":"0.6.59-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withVIC** is integrated with VIC\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.59-dev.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-cZ7g9shdquRGEq2TVlXZKxdwa5/+hsobRciKac//2BAUEFULDJLzDAak/m2fT/LhG5cMkPnNk3hHxypy0d5pOw==","shasum":"e2116cba0347d45fcda60cb8a8f0dbf9b7f2ad00","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.59-dev.3.tgz","fileCount":776,"unpackedSize":4455237,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD8bPB74HCQf4+oirwqRaQjPF8bf6EMYKB9ETZt8GQ/BAIgQUPenpE8k/iS2SCOrNJ68RDw4Syn9agkDoWOtGEzrFk="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.59-dev.3_1522227380639_0.8261566991185898"},"_hasShrinkwrap":false},"0.6.59":{"name":"harbor-ui","version":"0.6.59","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.59","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-rVfu09C919Y/Qact9RQ2yemKou9OXNpzKN5HInIDr8tDF4KePsvse6MJmjHikt5yU1WiH6YDBbre8Eqmg5M3WA==","shasum":"7854352cfa5df63c8291538d3fc54506ebc34720","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.59.tgz","fileCount":776,"unpackedSize":4455231,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH+qcT+8JdTQSWBPsy+obxNZd2FeNI2gq5cp0emZzPi2AiEAq5T/h3bDDa1mxfAn56SOyvC/fYKrKiK7NWIv/CJsu5I="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.59_1522227892601_0.6799054788587666"},"_hasShrinkwrap":false},"0.6.60":{"name":"harbor-ui","version":"0.6.60","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.60","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-WqIMYuUwz/JEiCRA+7GQK+AtRwqnmJAElNAef6jz8hHzhYK0y9ILTVdbiUZNIBK3OWkpo1WQYWghVQIFoW98xA==","shasum":"3d3d31224fa83dee931cabe92a5d096a6f13ead1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.60.tgz","fileCount":776,"unpackedSize":4455243,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBg12VnudMEb6xdZcj8G+f2/RjTSvOSsFGphAxhKuLQPAiEA1GkuLL53TAnSn9MRVCRFvYoORunHtRgwdM6jR3gS9kk="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.60_1522234466574_0.9102275241275926"},"_hasShrinkwrap":false},"0.6.61-dev.0":{"name":"harbor-ui","version":"0.6.61-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withVIC** is integrated with VIC\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.61-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Yl3ByIakv97L1bbmEEGvaJNIKMeip0RL7VEDoUDTUiiSt/8qZIFquZE+ldaJ5c3rC6BHcxNR1SpCgWU6qvDFxQ==","shasum":"ec91eebff688dba8f2f30a95fb644ef5ced7bc46","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.61-dev.0.tgz","fileCount":776,"unpackedSize":4455360,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC5Kt8GKD2AHn4YR2IsJrcULDm6URz63gIAtBOBkdWTMAiEAxRejDkCyt2XsV+i4l7XdOkCe/8uQITAgpDmSJG36q+s="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.61-dev.0_1522317403232_0.15320785624049837"},"_hasShrinkwrap":false},"0.6.61-dev.1":{"name":"harbor-ui","version":"0.6.61-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withVIC** is integrated with VIC\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.61-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Vp0sH0/p2s4OiA6rl/jcZ47MKI42eMZKkyhijm+qWgqWSqtzfeyZ6mteisEoxHKXW5L5xzHm/MIKg7BtA3khCQ==","shasum":"61d36a3c7d05a3af8d2dcb4ee66d93830e08de0e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.61-dev.1.tgz","fileCount":776,"unpackedSize":4455314,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC83WtdmeD5NqRFaGZyB+Dr09Zn+ItlK0cJWNP40p/X2QIhAPN2Sv+7udKp8iATByrfzb9rtAKHPm9U2rw0H/JzfnPJ"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.61-dev.1_1522321978406_0.36015358722884994"},"_hasShrinkwrap":false},"0.6.61-dev.3":{"name":"harbor-ui","version":"0.6.61-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withVIC** is integrated with VIC\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.61-dev.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-12voM1JiMdUGUDfbzpJpRoHQCM5KJAUDyQ4EYo+d7VjmIJ1lgES/W62XUxGePcapBomKJECdOVb1mdTUrlWpLg==","shasum":"e5ccf57094f9159ca5d299a583d2c55aa6f5761e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.61-dev.3.tgz","fileCount":776,"unpackedSize":4455594,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdRma5XxD3fPd2qvCfnud3zF3tp910uYdypUcKhaWUSQIgRmFF0Wneu8vWqfj3FTsRLA0uQudGE8RDHX2UDtLR0Eg="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.61-dev.3_1522322785100_0.7899831588510164"},"_hasShrinkwrap":false},"0.6.61":{"name":"harbor-ui","version":"0.6.61","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.61","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-38nkun1799re3Z8Tnxt3aApkAMTIlcaVcx17zHU98k4YCeHh+/sC3Uhu3KhwyyaRii8H2rOe+765z111ZNWBDA==","shasum":"ccd7e50773b766fb71cdca9ee735d151e11ab066","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.61.tgz","fileCount":776,"unpackedSize":4455588,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCivV8WFueQ7UBh8rD5cBp3LeFeYzsanNw8pJ+CvyboQIhAO4Jti94Qash9akJbupDzjJxqFkvnn5sfRyOUsL4egH5"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.61_1522323337482_0.7263338478704122"},"_hasShrinkwrap":false},"0.6.47-test-5":{"name":"harbor-ui","version":"0.6.47-test-5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n```\r\n<hbr-repository-stackview [projectId]=\"...\" [projectName]=\"\" [hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\" (tagClickEvent)=\"watchTagClickEvent($event)\"></hbr-repository-stackview>\r\n\r\n...\r\n\r\nwatchTagClickEvent(tag: Tag): void {\r\n    //Process tag\r\n    ...\r\n}\r\n\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.47-test-5","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-JdRVJ3+1Hn1lUtyZmvuCkg1dqQlilmAYiIYyTtz938vJg/R85fc9xJJPfWRNhjs2gcyxafFB1GWWsCKnV3zkOw==","shasum":"7208429b7afe0d2111f602e8039d7dcce7d1d8ad","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.47-test-5.tgz","fileCount":733,"unpackedSize":4228546,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG8YzJHrY6loEFC+bQUzkUC4aU/vhWBBvi9jtKpzxcoCAiEAodqJknzvywoRYHumD/IQYHUoT8cFM6bhCVUjdbcdu0A="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.47-test-5_1522373034541_0.5580298341632937"},"_hasShrinkwrap":false},"0.6.62":{"name":"harbor-ui","version":"0.6.62","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.62","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-B4JqX9g++EwElKCf1Jp/K00Qaq9gzVJLn3TuxycXu5QjW9PGz2/n9TrSyMbcNzcK9B8pmBQtYJnAtV43tABWUA==","shasum":"315eb58d06c71238e311e2554fff71744c54bab4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.62.tgz","fileCount":776,"unpackedSize":4537566,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICnXkUsbhFqOQyRDoNbTzfXcXY/gjKxqbp3ekShSs3r7AiEA5Xn9XGTNmwKGnju4FyTfxYFvpybLlvyZdTRyWCNrAxQ="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.62_1522379448409_0.6812149732321626"},"_hasShrinkwrap":false},"0.6.61-test-1":{"name":"harbor-ui","version":"0.6.61-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withVIC** is integrated with VIC\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.61-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-w/V/QHerHc7XjrgnAoxH5anzExNOLOb9+5Bzgl7gRUmWtvoY2f8rcpaz8GF7u6eQzyh9dylT4LYtNFs/M6q2Xw==","shasum":"e796a37dc118171b7308090eb9bbdcb2f219866b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.61-test-1.tgz","fileCount":776,"unpackedSize":4547477,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHC/xJ/6ZPFwvfg1FPUIBKjASvS21yMRi2mvbC7RCWb8AiBnz6ZOPsBi3Mq5yi09bLQXldTveknn4xRyilChbV2sJQ=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.61-test-1_1522647904119_0.8367246116246922"},"_hasShrinkwrap":false},"0.6.63":{"name":"harbor-ui","version":"0.6.63","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.63","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ZyrkqYRbZdsFfn6XWgdV2jGyUnYDsuxbbQilMpLYSi62aQ4TaD4pzMktR/ptayJJfByp8qbKkT3fQPBE456Stg==","shasum":"6ed4e5b6b3b7b8778022ebb59489e7079ef2446e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.63.tgz","fileCount":776,"unpackedSize":4547677,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIANRaGGVf2hOeftJhHt9XYUhTGbk+Mwb9QMH+e6myqN8AiEA46jZuzpPqLrVoNgFYMnGe9Dom2mVa59xL3J938wxgfU="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.63_1522649973888_0.9315402955770029"},"_hasShrinkwrap":false},"0.6.63-dev.0":{"name":"harbor-ui","version":"0.6.63-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withVIC** is integrated with VIC\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.63-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-RRsdgOWjFonc626Y/7FED35tioHTEKxgZYl4QRVdaKB6++PL7JFEF0sqmeMDOuYsbL66k+Oo/zwQ1sHDSoxInw==","shasum":"7147240bbf4534fe14695d0b39f82e8bbed3dfd3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.63-dev.0.tgz","fileCount":776,"unpackedSize":4462295,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGjp9+Ewk3PRNzz0ucMvd7Othkl2y6LFiQkVx+E7Dn1/AiBVBwRxLhfvaEgz4XnPOgAtDKe0nyMWqxANn/hj/VbyGw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.63-dev.0_1522722520793_0.7735324021447507"},"_hasShrinkwrap":false},"0.6.63-dev.1":{"name":"harbor-ui","version":"0.6.63-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withVIC** is integrated with VIC\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.63-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-wgllFkovMpU6PZe3DMUH2QgCI5HhRQAvK85A6ggFZdny9EoUSm5th85DmoodwCwEtTAADwEvN3zwpbxq9wIVmA==","shasum":"8c36e9b99368e27f3edfdce3ee229689de8480e5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.63-dev.1.tgz","fileCount":776,"unpackedSize":4462295,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDh0TJRtdgRKxH5MUKJUl56CdYeqr7K0NEmcIcacH7GFgIgW2Ae48zF635azmkFAyIedoLZYXX5Tda/qbCAY/G4KZw="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.63-dev.1_1522723283678_0.8167109626722309"},"_hasShrinkwrap":false},"0.6.64":{"name":"harbor-ui","version":"0.6.64","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.64","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-bBozFXo2aw/905DyctZMOgQrkdQzdB8E850zMyrKXM6li8peI1+MBpmzY/2vL46CwaNmdgZjF4JtgcghljxDLA==","shasum":"500396888763083ab46bf9ffec927e4a82191979","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.64.tgz","fileCount":776,"unpackedSize":4462289,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICXE5Kxgm4gEUgevO18Twy6Qx4Wc3FaplYaaPaGc64ysAiEA73wbcrvEDPhPEgosSw0QG9J0kInRRrZV4tJGjA/qVd8="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.64_1522749106081_0.7207597162283914"},"_hasShrinkwrap":false},"0.6.65":{"name":"harbor-ui","version":"0.6.65","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.65","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-BZOHDcd6cGlgjZEeFuo7nQIWVKv02Y7BzsFozGW9Byc25Bqs7+3zY80RQ9WqHVtraDIQMwBLcr+KmdMKeC7gPA==","shasum":"93840158b56e9ea7dcdef66b405ba229ab2bc0ee","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.65.tgz","fileCount":776,"unpackedSize":4477805,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHaQGkIXjV2g9rZx/zSC0XvRaZpSXlGTUbslOWIdxmF3AiBRboQ8uFl1S12+fRIzg9CHNRrv0kJ+QhoPlU0AL5BoAw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.65_1522749768980_0.9801629386691459"},"_hasShrinkwrap":false},"0.6.66":{"name":"harbor-ui","version":"0.6.66","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.66","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-obPbVfZ/Shf5vj1OSYEmY0PaZtIp4UYxQH/kHX019+PeABLt7upEIePZUovz4b9JgqRXohSMSCpoF7uVT47NCw==","shasum":"e9e8738743537b8faac20c1911560422b974226b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.66.tgz","fileCount":776,"unpackedSize":4477542,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAmdgn33DIxSMUSp8OiNwvIB949HtJS+eXAEAdVxEkhKAiAuJAaPFLbZiaqjA2f2zpfv512ZLTWxYXCZe2p5zrIjWQ=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.66_1522754275258_0.06534459832409278"},"_hasShrinkwrap":false},"0.6.66-dev.0":{"name":"harbor-ui","version":"0.6.66-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withVIC** is integrated with VIC\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.66-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-FXypmH9cK7Ht+GsQ/thiQ+bd6uDgx4ezvM/NwsB1RCl+yYlIiJ4q+LLqhFEfSTGLBaRQQANpaiD2MrxztQK5yQ==","shasum":"e85f088f7d445cffbaf6ab987e7552864d203422","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.66-dev.0.tgz","fileCount":776,"unpackedSize":4477548,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCopkSsKs5Q5iknA7S9FENnmzpEytKjsS4/oL3lGEES7gIhAOoWdJD+fUhJAVdW+JvsBcYjF7szTnOSdIVI5hcMMhZY"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.66-dev.0_1522754615076_0.9111108688903391"},"_hasShrinkwrap":false},"0.6.67":{"name":"harbor-ui","version":"0.6.67","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.67","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-rkstPnuHu51mNgUna6LjC6ToZjzBdUAxA55x3hrW45LaiZvkgxvI1K1yLzacwDow6rzfhJm5cIzfznL+C7FCjw==","shasum":"2dbd10a3d4219c7907d4efa714646b941988470d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.67.tgz","fileCount":776,"unpackedSize":4477542,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6yGnwEUGKJYnCzCFj/w88QWSyhHYb29Kk6GGQAwu/cgIhAJn+DSalxEQTj2liIVFrBqqlHvt0WE1kYeFN9i8m6SdP"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.67_1522756361032_0.13595400882335218"},"_hasShrinkwrap":false},"0.7.0-dev.1":{"name":"harbor-ui","version":"0.7.0-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withVIC** is integrated with VIC\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-VRQpEjQCFvOM1jdeKr0Ir7AhW38J5bSmU4a996tZPza4XyJMw8IFZ695eejy0wMRszCk8vvVxSe6trRYraomMA==","shasum":"fd5ac2f4c8c4c54213911cfdb1d693e5f790b616","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.1.tgz","fileCount":160,"unpackedSize":19605662,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEWa0tAYcXSTEdA/ALlkhmr1ExSPbpoltyklpDqFbe7VAiEA63usEpwmt2Wz7JfmIFAaoPFNouKK5UU1evCymwGwK/U="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.1_1522760764575_0.16226356949197984"},"_hasShrinkwrap":false},"0.6.61-test-2":{"name":"harbor-ui","version":"0.6.61-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.61-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-DAD0JiXjL/gn1fy12AntA3oMTKn4zEApLD8jaqy7plBzUMXQ6EgQTxVHFERDdRE5y8LqJsDbwgTcK2MhYXVl8w==","shasum":"fe34071011ee29ffa04b2d9e92c2a7243f7f4be8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.61-test-2.tgz","fileCount":776,"unpackedSize":4546892,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICfUAgztPlOg3ejPtDuTD3zj1Jervzosas4lBBpD6+7RAiEAmZ5a+ZJNAqmysbf1oUbptmRYi3w9+jtjyvKC6wXjuJA="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.61-test-2_1522807405120_0.13217726861841683"},"_hasShrinkwrap":false},"0.6.68":{"name":"harbor-ui","version":"0.6.68","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.68","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-4Y61EaaigD3SGLF1ugjWRXvRoTOBhy+PIueXaS1uJT4uz90r8pSjyC6VbAn5fM9g3xLrpoguQ4IJFwKxJ0wStw==","shasum":"86931915beef3cd762f6c15888f52ae30239c7e5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.68.tgz","fileCount":776,"unpackedSize":4561987,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE0INuQxIEL1n/XMUnEipyedJdufynEsvKJugwbd7SjlAiBHmXSSxdxCHlQxd/Uz6sjIM3N/FrpdSc7pEEV2HB3mKw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.68_1522831797419_0.9710314684258345"},"_hasShrinkwrap":false},"0.6.67-test-1":{"name":"harbor-ui","version":"0.6.67-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withVIC** is integrated with VIC\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.67-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-kFbuitfOldnXqfaogFnZ89Q/g6r/813aXQPmIl62irc7o5joD/+UEV3gE80uApveEKSLA4A2tzbpqKbnL2eXlw==","shasum":"a34492ba8c9325cfbe79554c6bd27c738a5b7968","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.67-test-1.tgz","fileCount":776,"unpackedSize":4578164,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC+MhoLV5eHi5qNuy8Z43nK79Mmvz/FhQ+Pf4yhcDAiUAiEA25RrDI8txgtRAwRFV7rqlBz+bJeTP8lDclXWw1YCY6c="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.67-test-1_1523238397690_0.35809074386624085"},"_hasShrinkwrap":false},"0.6.69":{"name":"harbor-ui","version":"0.6.69","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.69","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-QSeP+Eijbemtg8xi7RurLyYr7vQY2AzMIbgKJ4UdFOp2GOG6aCe05qZcuRlfu8udmvBig2BtQwsNKCInDd02NQ==","shasum":"5c5128f2e5beb5f0787c21fed3dada6318bbc5c2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.69.tgz","fileCount":776,"unpackedSize":4579250,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJZd6qqHIs9JhM6e8+arBrsWgAxWUQo58QqtoJikvvCgIhAObnC0KZWkkm/rPAlL6yx+in8aLqmGoClnD06aQSQVU/"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.69_1523239775971_0.42316468258758033"},"_hasShrinkwrap":false},"0.7.0-dev.2":{"name":"harbor-ui","version":"0.7.0-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-mundWpbeKQ1ABLsTxTYSPVUfPhLNNePC07NaYF0zBpQB3m45A9K0GZLfRXEvVUvLkUwIp5aykiRZMXkAiDjxOw==","shasum":"9c869c55125e43bb3414c8c3417518efb7464f17","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.2.tgz","fileCount":159,"unpackedSize":19635037,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuGEZwTAdL7T2DqOzR8Ie0kUGnNyxeo+2PXRBVNYoRzAIgKgWRnq1XtKmYB1ZgZ56t0qWyW/n1aXICTdGakIRSQVo="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.2_1523258217050_0.18530997510337355"},"_hasShrinkwrap":false},"0.7.0-dev.4":{"name":"harbor-ui","version":"0.7.0-dev.4","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.4","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-0Jqf1LZ4lgrCyALapo0tackk0rnLdXEgTw0hN7CW+YOd23h5g1eRoDDYmACIhe8kiUzNPaeaGM2nPRJtRSIMVQ==","shasum":"0082b449d507b3793e498e01012c9b73f57cc8c8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.4.tgz","fileCount":160,"unpackedSize":19622937,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDCV/O6op1QgdcthoLZl/KswLqNOiWLq1v1pbOZTrYlAAiAK0O6JRWQkIpwtuyAq57dsYct3TqVDIAnHtjJTCUeR1g=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.4_1523261325356_0.31404671220627245"},"_hasShrinkwrap":false},"0.7.0-dev.5":{"name":"harbor-ui","version":"0.7.0-dev.5","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.5","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-G6QjTQTDSd6TkPk6e0vnPK44i5vUJqehK08pxLXgf936Bao9652LQ5pyT7FgLH1bpvrY+a9uAcH+9tMPcVawug==","shasum":"7af8ab04645b4eaab15566b6c3bec779bbb2ffb9","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.5.tgz","fileCount":160,"unpackedSize":19621271,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEbZ70xXpoCi9P47LPMBteqTmxM4liCug2ROxPknVCBAIhAKrDbRpR0aS9snRD0FhJbW+6w1i+eILeAoYKaDJWu1W4"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.5_1523261746644_0.7462591926989988"},"_hasShrinkwrap":false},"0.7.0-dev.6":{"name":"harbor-ui","version":"0.7.0-dev.6","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.6","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Tamy2yT1x4DNqHPriDxtvuOriWpyxj3x3HiSfnMRmAdSCcxZqHV5cmhKRjXzdqIuBF8atX7kDpFxwlsUGa2Yxg==","shasum":"a3b4184acc52f56774ac541ea2fe83476e0198cd","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.6.tgz","fileCount":160,"unpackedSize":19620448,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDS/zk/Z0UB5Zv3JX3T37qBtYIZju2PJhQC8jPoqErgTwIgVj80kr8TXFnvHS/gY14Javt4MLsSkmOAk94EJDOAPgU="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.6_1523262358152_0.7175809231878323"},"_hasShrinkwrap":false},"0.7.0-dev.7":{"name":"harbor-ui","version":"0.7.0-dev.7","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.7","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Y8oXFqd+OsUBuAD+iXbVh7YOD0peDJMmInFjzfop9xzUWlWP6rPgIOJymN1Kgenj7P8ZA9i13toCOKsZEaiDfg==","shasum":"b774f504a0838b6a1f21604f4b88979520c75d68","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.7.tgz","fileCount":160,"unpackedSize":19614828,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICGJ6owOFaPZprZzzcuqQ4ZkxZITmaEEFAbSIyvMYs4yAiEAkzOy5aOY5fQzB2POcacS4XPmvhtbrL5Tr8eeQ7z3VwM="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.7_1523263174542_0.7462258791939085"},"_hasShrinkwrap":false},"0.7.0-dev.8":{"name":"harbor-ui","version":"0.7.0-dev.8","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.8","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-jSJuWBXT0+15brGCEpCyoKceKwJVEGFKswO58cQPceJ4Ulrqt22Jor76cdDweQMMhjqoKEfZVR1XvhI+64Htww==","shasum":"8795dfc7802a14e00fa8f2b37c5339a7e6d330da","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.8.tgz","fileCount":160,"unpackedSize":19227272,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEhlu6Cmv6CsHXjGWTMsJhubIY1pz2HqqB4vGum7glXJAiAkuqm0PTQb3MMPaUiPHNvqE8CtVL+eOH6h+tLnK10YIg=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.8_1523264783955_0.9466151089422603"},"_hasShrinkwrap":false},"0.7.0-dev.9":{"name":"harbor-ui","version":"0.7.0-dev.9","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"ngPackage":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"harbor-ui","version":"0.7.0-dev.9","ngPackage":{"lib":{"entryFile":"./public_api.ts"}}},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.9","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-AYYo8L31d1hSU5MCz5qQ8nDYCMwe4EE8ESenpcKvLKcRDSHE9SZtM4PHfUFy5yrwrT8LAacRNYEMQQH6SUi4Pg==","shasum":"530ee72da2773b5a2f17c5a7c45ae13ed1fd9be1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.9.tgz","fileCount":362,"unpackedSize":20451979,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDeXLVqM7/WKFXBeE2daOxfpykTI4WwpKSCXx8Gllrm1QIgWV/I8pheuK865iUdYTPSexK7H8AHeDz/Dp+Vwu/F9Ts="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.9_1523265659293_0.9393842098737237"},"_hasShrinkwrap":false},"0.7.0-dev.10":{"name":"harbor-ui","version":"0.7.0-dev.10","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.10","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-tPjLjuB9QGyIlKPXbVT85puOxwOalXhaQ8VM/BIGSD/sJT0hf42I/4zfB1aHLsq/4gJ2+3O/Kp8b3p7p4es0UA==","shasum":"2db426f69f3c872355d88f04bff57471fe35d99e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.10.tgz","fileCount":160,"unpackedSize":19629808,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQ6TTgBA3CnRlFjAQ1W5Z5OZ8Eb0DUOHgiH63mKYEt0AIgJgfYlUn/XLzTdCrB8dmJHfdhFEho6GJ8rN6Y1SZrzno="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.10_1523267427048_0.37985673212843274"},"_hasShrinkwrap":false},"0.7.0-dev.11":{"name":"harbor-ui","version":"0.7.0-dev.11","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.11","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-vkH/09JgiQJUBKo5Hj2hjqjFeNP5UWfU01En5TdT0r1sFmfCRirsAAnPeTACbcVrf0eyIQNn7on/e+QvoVaykQ==","shasum":"b0b6b152587f3a00f0573e6499e7fa52cd4a306e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.11.tgz","fileCount":160,"unpackedSize":19627241,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCE428rVpN/rx0xb1MOBG394q+N2fmPyXukJkpr/fRb3AIhANXE8N/WCUniRKfY8FJNjX4d2+36K6S96CanGCIjzOAH"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.11_1523268196228_0.55447034318337"},"_hasShrinkwrap":false},"0.7.0-dev.12":{"name":"harbor-ui","version":"0.7.0-dev.12","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readmeFilename":"README.md","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","licenseText":"LICENSE\n\nHarbor UI component library version 0.1.0\n\nCopyright 2016 VMware, Inc.  All rights reserved.\n\nThis product is licensed to you under the Apache License version 2.0 (the License).  You may not use this product except in compliance with the License.\n\n                           Apache License\n                     Version 2.0, January 2004\n                  http://www.apache.org/licenses/\n\nTERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n1. Definitions.\n\n\"License\" shall mean the terms and conditions for use, reproduction,\nand distribution as defined by Sections 1 through 9 of this document.\n\n\"Licensor\" shall mean the copyright owner or entity authorized by\nthe copyright owner that is granting the License.\n\n\"Legal Entity\" shall mean the union of the acting entity and all\nother entities that control, are controlled by, or are under common\ncontrol with that entity. For the purposes of this definition,\n\"control\" means (i) the power, direct or indirect, to cause the\ndirection or management of such entity, whether by contract or\notherwise, or (ii) ownership of fifty percent (50%) or more of the\noutstanding shares, or (iii) beneficial ownership of such entity.\n\n\"You\" (or \"Your\") shall mean an individual or Legal Entity\nexercising permissions granted by this License.\n\n\"Source\" form shall mean the preferred form for making modifications,\nincluding but not limited to software source code, documentation\nsource, and configuration files.\n\n\"Object\" form shall mean any form resulting from mechanical\ntransformation or translation of a Source form, including but\nnot limited to compiled object code, generated documentation,\nand conversions to other media types.\n\n\"Work\" shall mean the work of authorship, whether in Source or\nObject form, made available under the License, as indicated by a\ncopyright notice that is included in or attached to the work\n(an example is provided in the Appendix below).\n\n\"Derivative Works\" shall mean any work, whether in Source or Object\nform, that is based on (or derived from) the Work and for which the\neditorial revisions, annotations, elaborations, or other modifications\nrepresent, as a whole, an original work of authorship. For the purposes\nof this License, Derivative Works shall not include works that remain\nseparable from, or merely link (or bind by name) to the interfaces of,\nthe Work and Derivative Works thereof.\n\n\"Contribution\" shall mean any work of authorship, including\nthe original version of the Work and any modifications or additions\nto that Work or Derivative Works thereof, that is intentionally\nsubmitted to Licensor for inclusion in the Work by the copyright owner\nor by an individual or Legal Entity authorized to submit on behalf of\nthe copyright owner. For the purposes of this definition, \"submitted\"\nmeans any form of electronic, verbal, or written communication sent\nto the Licensor or its representatives, including but not limited to\ncommunication on electronic mailing lists, source code control systems,\nand issue tracking systems that are managed by, or on behalf of, the\nLicensor for the purpose of discussing and improving the Work, but\nexcluding communication that is conspicuously marked or otherwise\ndesignated in writing by the copyright owner as \"Not a Contribution.\"\n\n\"Contributor\" shall mean Licensor and any individual or Legal Entity\non behalf of whom a Contribution has been received by Licensor and\nsubsequently incorporated within the Work.\n\n2. Grant of Copyright License. Subject to the terms and conditions of\nthis License, each Contributor hereby grants to You a perpetual,\nworldwide, non-exclusive, no-charge, royalty-free, irrevocable\ncopyright license to reproduce, prepare Derivative Works of,\npublicly display, publicly perform, sublicense, and distribute the\nWork and such Derivative Works in Source or Object form.\n\n3. Grant of Patent License. Subject to the terms and conditions of\nthis License, each Contributor hereby grants to You a perpetual,\nworldwide, non-exclusive, no-charge, royalty-free, irrevocable\n(except as stated in this section) patent license to make, have made,\nuse, offer to sell, sell, import, and otherwise transfer the Work,\nwhere such license applies only to those patent claims licensable\nby such Contributor that are necessarily infringed by their\nContribution(s) alone or by combination of their Contribution(s)\nwith the Work to which such Contribution(s) was submitted. If You\ninstitute patent litigation against any entity (including a\ncross-claim or counterclaim in a lawsuit) alleging that the Work\nor a Contribution incorporated within the Work constitutes direct\nor contributory patent infringement, then any patent licenses\ngranted to You under this License for that Work shall terminate\nas of the date such litigation is filed.\n\n4. Redistribution. You may reproduce and distribute copies of the\nWork or Derivative Works thereof in any medium, with or without\nmodifications, and in Source or Object form, provided that You\nmeet the following conditions:\n\n(a) You must give any other recipients of the Work or\nDerivative Works a copy of this License; and\n\n(b) You must cause any modified files to carry prominent notices\nstating that You changed the files; and\n\n(c) You must retain, in the Source form of any Derivative Works\nthat You distribute, all copyright, patent, trademark, and\nattribution notices from the Source form of the Work,\nexcluding those notices that do not pertain to any part of\nthe Derivative Works; and\n\n(d) If the Work includes a \"NOTICE\" text file as part of its\ndistribution, then any Derivative Works that You distribute must\ninclude a readable copy of the attribution notices contained\nwithin such NOTICE file, excluding those notices that do not\npertain to any part of the Derivative Works, in at least one\nof the following places: within a NOTICE text file distributed\nas part of the Derivative Works; within the Source form or\ndocumentation, if provided along with the Derivative Works; or,\nwithin a display generated by the Derivative Works, if and\nwherever such third-party notices normally appear. The contents\nof the NOTICE file are for informational purposes only and\ndo not modify the License. You may add Your own attribution\nnotices within Derivative Works that You distribute, alongside\nor as an addendum to the NOTICE text from the Work, provided\nthat such additional attribution notices cannot be construed\nas modifying the License.\n\nYou may add Your own copyright statement to Your modifications and\nmay provide additional or different license terms and conditions\nfor use, reproduction, or distribution of Your modifications, or\nfor any such Derivative Works as a whole, provided Your use,\nreproduction, and distribution of the Work otherwise complies with\nthe conditions stated in this License.\n\n5. Submission of Contributions. Unless You explicitly state otherwise,\nany Contribution intentionally submitted for inclusion in the Work\nby You to the Licensor shall be under the terms and conditions of\nthis License, without any additional terms or conditions.\nNotwithstanding the above, nothing herein shall supersede or modify\nthe terms of any separate license agreement you may have executed\nwith Licensor regarding such Contributions.\n\n6. Trademarks. This License does not grant permission to use the trade\nnames, trademarks, service marks, or product names of the Licensor,\nexcept as required for reasonable and customary use in describing the\norigin of the Work and reproducing the content of the NOTICE file.\n\n7. Disclaimer of Warranty. Unless required by applicable law or\nagreed to in writing, Licensor provides the Work (and each\nContributor provides its Contributions) on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied, including, without limitation, any warranties or conditions\nof TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\nPARTICULAR PURPOSE. You are solely responsible for determining the\nappropriateness of using or redistributing the Work and assume any\nrisks associated with Your exercise of permissions under this License.\n\n8. Limitation of Liability. In no event and under no legal theory,\nwhether in tort (including negligence), contract, or otherwise,\nunless required by applicable law (such as deliberate and grossly\nnegligent acts) or agreed to in writing, shall any Contributor be\nliable to You for damages, including any direct, indirect, special,\nincidental, or consequential damages of any character arising as a\nresult of this License or out of the use or inability to use the\nWork (including but not limited to damages for loss of goodwill,\nwork stoppage, computer failure or malfunction, or any and all\nother commercial damages or losses), even if such Contributor\nhas been advised of the possibility of such damages.\n\n9. Accepting Warranty or Additional Liability. While redistributing\nthe Work or Derivative Works thereof, You may choose to offer,\nand charge a fee for, acceptance of support, warranty, indemnity,\nor other liability obligations and/or rights consistent with this\nLicense. However, in accepting such obligations, You may act only\non Your own behalf and on Your sole responsibility, not on behalf\nof any other Contributor, and only if You agree to indemnify,\ndefend, and hold each Contributor harmless for any liability\nincurred by, or claims asserted against, such Contributor by reason\nof your accepting any such warranty or additional liability.\n\nEND OF TERMS AND CONDITIONS\n\nAPPENDIX: How to apply the Apache License to your work.\n\nTo apply the Apache License to your work, attach the following\nboilerplate notice, with the fields enclosed by brackets \"[]\"\nreplaced with your own identifying information. (Don't include\nthe brackets!)  The text should be enclosed in the appropriate\ncomment syntax for the file format. We also recommend that a\nfile or class name and description of purpose be included on the\nsame \"printed page\" as the copyright notice for easier\nidentification within third-party archives.\n\nCopyright [yyyy] [name of copyright owner]\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n======================================================================\n\nHarbor version 0.5.0 includes a number of components with separate copyright notices and license terms.  This product does not necessarily use all the open source components referred to below. Your use of the source code for these components is subject to the terms and conditions of the following licenses.\n\n======================== TABLE OF CONTENTS ============================\n\nThe following is a listing of the open source components detailed in\nthis document. This list is provided for your convenience; please read\nfurther if you wish to review the copyright notice(s) and the full text\nof the license associated with each component.\n\n\nSECTION 1: BSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES\n\n   >>> alembic-0.8.8\n   >>> angular-cookies-1.5.3\n   >>> angular-messages-1.5.3\n   >>> angularjs-1.5.3\n   >>> bootstrap-3.3.6\n   >>> bootstrap-datepicker-4.17.37\n   >>> cronie-1.5.0\n   >>> jquery-1.11.2\n   >>> mattn/go-sqlite3-3fb7a0e7\n   >>> moment-2.11.0\n   >>> mqu/openldap-0.2\n   >>> nginx-1.11.5\n   >>> shadow-4.2.1\n\n\n\nSECTION 2: Apache License, V2.0\n\n   >>> apr-util-1.5.4\n   >>> beego-1.6.1\n   >>> docker-distribution-2.5.0\n   >>> docker-libtrust -9cbd2a1\n   >>> registry-2.5.0\n\n\n\nSECTION 3: GNU General Public License, V2.0\n\n   >>> logrotate-3.9.1\n   >>> mysql-5.6\n\n\n\nSECTION 4: GNU General Public License, V3.0\n\n   >>> rsyslog-8.15.0\n\n\n\nSECTION 5: Mozilla Public License, V2.0\n\n   >>> go-sql-driver/mysql-1.2\n\n\n\nAPPENDIX. Standard License Files\n\n   >>> Mozilla Public License, V2.0\n\n   >>> Apache License, V2.0\n\n   >>> GNU General Public License, V3.0\n\n   >>> GNU General Public License, V2.0\n\n   >>> GNU Library General Public License, V2.0\n  \n   >>> GNU Lesser General Public License, V3.0\n   \n   >>> Creative Commons Attribution License, V3.0\n   \n   >>> Common Development and Distribution License, V1.1\n   \n\n\n--------------- SECTION 1:  BSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES ----------\n\nBSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES are applicable to the following component(s).\n\n\n>>> alembic-0.8.8\n\nThis is the MIT license: http://www.opensource.org/licenses/mit-license.php\n\nCopyright (C) 2009-2016 by Michael Bayer.\nAlembic is a trademark of Michael Bayer.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this\nsoftware and associated documentation files (the \"Software\"), to deal in the Software\nwithout restriction, including without limitation the rights to use, copy, modify, merge,\npublish, distribute, sublicense, and/or sell copies of the Software, and to permit persons\nto whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or\nsubstantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\nINCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR\nPURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE\nFOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\nOTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\nDEALINGS IN THE SOFTWARE.\n\n\n>>> angular-cookies-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> angular-messages-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> angularjs-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> bootstrap-3.3.6\n\nThe MIT License (MIT)\n\nCopyright (c) 2011-2015 Twitter, Inc\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\nADDITIONAL LICENSE INFORMATION:\n\n> CC- Attribution 3.0 Unported License\n\n[NOTE:  VMware does not distribute the \"docs\\assets\\css\\src\\docs.css\" subpackage.]\n\nbootstrap-3.3.6\\docs\\assets\\css \\src\\docs.css\n\nBootstrap Docs (http://getbootstrap.com)\nCopyright 2011-2015 Twitter, Inc.\nLicensed under the Creative Commons Attribution 3.0 Unported License. For\ndetails, see https://creativecommons.org/licenses/by/3.0/.\n\n\n> MIT\n\n[PLEASE NOTE:  VMWARE, INC. ELECTS TO USE AND DISTRIBUTE THIS COMPONENT UNDER THE TERMS OF THE MIT LICENSE. THE ORIGINAL LICENSE TERMS ARE REPRODUCED BELOW ONLY AS A REFERENCE.]\n\nbootstrap-3.3.6.tar.gz\\bootstrap-3.3.6.tar\\bootstrap-3.3.6\\docs\\assets\\js\\vendor\\ jszip.min.js\n\n(c) 2009-2014 Stuart Knightley <stuart [at] stuartk.com>\nDual licenced under the MIT license or GPLv3. See https://raw.github.com/Stuk/jszip/master/LICENSE.markdown.\n\n\n> Apache 2.0\n\nbootstrap-3.3.6.tar.gz\\bootstrap-3.3.6.tar\\bootstrap-3.3.6\\docs\\assets\\js\\vendor\\ less.min.js\n\nCopyright (c) 2009-2014, Alexis Sellier <self@cloudhead.net>\nLicensed under the Apache v2 License.\n\nLicense for GLYPHICONS Halflings in Bootstrap\n \nGLYPHICONS Halflings font is also released as an extension of a Bootstrap www.getbootstrap.com for free and it is released under the same license as Bootstrap. While you are not required to include attribution on your Bootstrap-based projects, I would certainly appreciate any form of support, even a nice Tweet is enough. Of course if you want, you can say thank you and support me by buying more icons on GLYPHICONS.com.\n\n\n>>> bootstrap-datepicker-4.17.37\n\nThe MIT License (MIT)\n\nCopyright (c) 2015 Jonathan Peterson (@Eonasdan)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n\n>>> cronie-1.5.0\n\nCopyright (c) 2004 by Internet Systems Consortium, Inc. (\"ISC\")\nCopyright (c) 1997,2000 by Internet Software Consortium, Inc.\n\nPermission to use, copy, modify, and distribute this software for any\npurpose with or without fee is hereby granted, provided that the above\ncopyright notice and this permission notice appear in all copies.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND ISC DISCLAIMS ALL WARRANTIES\nWITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS.  IN NO EVENT SHALL ISC BE LIABLE FOR\nANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES\nWHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN\nACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT\nOF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.\n\nCopyright (c) 1988, 1993, 1994\nThe Regents of the University of California.  All rights reserved.\n\nThis code is derived from software written by Ken Arnold and\npublished in UNIX Review, Vol. 6, No. 8.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\nCopyright (c) 1989, 1993\nThe Regents of the University of California.  All rights reserved.\n\nThis code is derived from software contributed to Berkeley by\nPaul Vixie.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n3. Neither the name of the University nor the names of its contributors\nmay be used to endorse or promote products derived from this software\nwithout specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\n@(#)bitstring.h\t8.1 (Berkeley) 7/19/93\n\nADDITIONAL LICENSE INFORMATION:\n\n> GPL 2.0\n\ncronie-1.5.0.tar.gz\\cronie-1.5.0.tar\\cronie-1.5.0\\anacron\\global.h\n\n Anacron - run commands periodically\n    Copyright (C) 1998  Itai Tzur <itzur@actcom.co.il>\n    Copyright (C) 1999  Sean 'Shaleh' Perry <shaleh@debian.org>\n    Copyright (C) 2004  Pascal Hakim <pasc@redellipse.net>\n\n    This program is free software; you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation; either version 2 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License\n    along with this program; if not, write to the Free Software\n    Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA\n\n    The GNU General Public License can also be found in the file\n    `COPYING' that comes with the Anacron source distribution.\n\n\n>>> jquery-1.11.2\n\nCopyright 2014 jQuery Foundation and other contributors\nhttp://jquery.com/\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n\n>>> mattn/go-sqlite3-3fb7a0e7\n\nThe MIT License (MIT)\n\nCopyright (c) 2014 Yasuhiro Matsumoto\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\nADDITIONAL LICENSE INFORMATION:\n\n> BSD-2 Clause\n\ngo-sqlite3-master.zip\\go-sqlite3-master\\_example\\mod_vtable\\picojson.h\n\nCopyright 2009-2010 Cybozu Labs, Inc.\nCopyright 2011 Kazuho Oku\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are met:\n\n1. Redistributions of source code must retain the above copyright notice,\nthis list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright notice,\nthis list of conditions and the following disclaimer in the documentation\nand/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY CYBOZU LABS, INC. ``AS IS'' AND ANY EXPRESS OR\nIMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO\nEVENT SHALL CYBOZU LABS, INC. OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT,\nINDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES\n(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;\nLOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND\nON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF\nTHIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\nThe views and conclusions contained in the software and documentation are\nthose of the authors and should not be interpreted as representing official\npolicies, either expressed or implied, of Cybozu Labs, Inc.\n\n> Public Domain\n\ngo-sqlite3-master.zip\\go-sqlite3-master\\sqlite3ext.h\n\n2006 June 7\n\nThe author disclaims copyright to this source code.  In place of\na legal notice, here is a blessing:\n\nMay you do good and not evil.\nMay you find forgiveness for yourself and forgive others.\nMay you share freely, never taking more than you give.\n\n\n>>> moment-2.11.0\n\nCopyright (c) 2011-2015 Tim Wood, Iskren Chernev, Moment.js contributors\n\nPermission is hereby granted, free of charge, to any person\nobtaining a copy of this software and associated documentation\nfiles (the \"Software\"), to deal in the Software without\nrestriction, including without limitation the rights to use,\ncopy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the\nSoftware is furnished to do so, subject to the following\nconditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES\nOF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\nHOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,\nWHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\nFROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR\nOTHER DEALINGS IN THE SOFTWARE.\n\n\n>>> mqu/openldap-0.2\n\n/This work is part of OpenLDAP Software <http://www.openldap.org/>.\n\nCopyright 1998-2012 The OpenLDAP Foundation.\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted only as authorized by the OpenLDAP\nPublic License.\n\nA copy of this license is available in file LICENSE in the\ntop-level directory of the distribution or, alternatively, at\n<http://www.OpenLDAP.org/license.html>.\n/\n/ Portions Copyright (c) 1990 Regents of the University of Michigan.\nAll rights reserved.\n\nRedistribution and use in source and binary forms are permitted\nprovided that this notice is preserved and that due credit is given\nto the University of Michigan at Ann Arbor. The name of the University\nmay not be used to endorse or promote products derived from this\nsoftware without specific prior written permission. This software\nis provided ``as is'' without express or implied warranty.\n\n\n>>> nginx-1.11.5\n\nCopyright (C) 2002-2016 Igor Sysoev\nCopyright (C) 2011-2016 Nginx, Inc.\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\n\n>>> shadow-4.2.1\n\nCopyright (c) 1991 - 1994, Julianne Frances Haugh\nCopyright (c) 1996 - 2000, Marek Michalkiewicz\nCopyright (c) 2000 - 2006, Tomasz Kloczko\nCopyright (c) 2007 - 2011, Nicolas Franois\nAll rights reserved\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1 Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer\n2 Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution\n3 The name of the copyright holders or contributors may not be used to\nendorse or promote products derived from this software without\nspecific prior written permission\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n``AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A\nPARTICULAR PURPOSE ARE DISCLAIMED  IN NO EVENT SHALL THE COPYRIGHT\nHOLDERS OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE\n\n\nADDITIONAL LICENSE INFORMATION:\n\n> GPL 2.0\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\src\\vipwc\n\nCopyright (c) 1997       , Guy Maor <maor@eceutexasedu>\nCopyright (c) 1999 - 2000, Marek Michalkiewicz\nCopyright (c) 2002 - 2006, Tomasz Kloczko\nCopyright (c) 2007 - 2013, Nicolas Franois\nAll rights reserved\n\nThis program is free software; you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation; either version 2 of the License, or\n(at your option) any later version\n\nThis program is distributed in the hope that it will be useful, but\nWITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE See the GNU\nGeneral Public License for more details\n\nYou should have received a copy of the GNU General Public License\nalong with this program; if not, write to the Free Software\nFoundation, Inc, 51 Franklin Street, Fifth Floor,\nBoston, MA 02110-1301, USA\n\nudbachktgz\n\n> BSD Style\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\src\\login_nopamc\n\nCopyright 1995 by Wietse Venema  All rights reserved Individual files\nmay be covered by other copyrights (as noted in the file itself)\n\nThis material was originally written and compiled by Wietse Venema at\nEindhoven University of Technology, The Netherlands, in 1990, 1991,\n1992, 1993, 1994 and 1995\n\nRedistribution and use in source and binary forms are permitted\nprovided that this entire copyright notice is duplicated in all such\ncopies\n\nThis software is provided \"as is\" and without any expressed or implied\nwarranties, including, without limitation, the implied warranties of\nmerchantibility and fitness for any particular purpose\n\n> Public Domain\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\zh_TW\\man1\\newgrp1\n\nOriginal author unknown  This man page is in the public domain\nModified Sat Oct  9 17:46:48 1993 by faith@csuncedu\nTH NEWGRP 1 \"9 October 1993\" \"Linux 12\" \"Linux Programmer's Manual\"\n\n> GPL 3.0 with Bison Parser Exception\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\libmisc\\getdatec\n\nA Bison parser, made by GNU Bison 302\n\nBison implementation for Yacc-like parsers in C\n\nCopyright (C) 1984, 1989-1990, 2000-2013 Free Software Foundation, Inc\n\nThis program is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE  See the\nGNU General Public License for more details\n\nYou should have received a copy of the GNU General Public License\nalong with this program  If not, see <http://wwwgnuorg/licenses/>\n\nAs a special exception, you may create a larger work that contains\npart or all of the Bison parser skeleton and distribute that work\nunder terms of your choice, so long as that work isn't itself a\nparser generator using the skeleton or a modified version thereof\nas a parser skeleton  Alternatively, if you modify or redistribute\nthe parser skeleton itself, you may (at your option) remove this\nspecial exception, which will cause the skeleton and the resulting\nBison output files to be licensed under the GNU General Public\nLicense without this special exception\n\nThis special exception was added by the Free Software Foundation in\nversion 22 of Bison\n\n> GPL 3.0\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\tr\\man1\\chfn.1\n\nchfn.1 -- change your finger information\n(c) 1994 by salvatore valente <svalente@athena.mit.edu>\nthis program is free software.  you can redistribute it and\nmodify it under the terms of the gnu general public license.\nthere is no warranty.\n\n> MIT-Style\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\aclocalm4\n\nCopyright (C) 1996, 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004,\n2005, 2006, 2007, 2008, 2009, 2010, 2011 Free Software Foundation,\nInc\nThis file is free software; the Free Software Foundation\ngives unlimited permission to copy and/or distribute it,\nwith or without modifications, as long as this notice is preserved\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY, to the extent permitted by law; without\neven the implied warranty of MERCHANTABILITY or FITNESS FOR A\nPARTICULAR PURPOSE\n\n> BSD 3-Clause\n\n[PLEASE NOTE:  VMWARE, INC ELECTS TO USE AND DISTRIBUTE THIS COMPONENT UNDER THE TERMS OF THE BSD LICENSE THE ORIGINAL LICENSE TERMS ARE REPRODUCED BELOW ONLY AS A REFERENCE]\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\tr\\man1\\passwd1\n\nCopyright Red Hat, Inc, 1998, 1999, 2002\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1 Redistributions of source code must retain the above copyright\nnotice, and the entire permission notice in its entirety,\nincluding the disclaimer of warranties\n2 Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution\n3 The name of the author may not be used to endorse or promote\nproducts derived from this software without specific prior\nwritten permission\n\nALTERNATIVELY, this product may be distributed under the terms of\nthe GNU Public License, in which case the provisions of the GPL are\nrequired INSTEAD OF the above restrictions  (This clause is\nnecessary due to a potential bad interaction between the GPL and\nthe restrictions contained in a BSD-style copyright)\n\nTHIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY EXPRESS OR IMPLIED\nWARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES\nOF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\nDISCLAIMED  IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY DIRECT,\nINDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES\n(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\nSERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,\nSTRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)\nARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED\nOF THE POSSIBILITY OF SUCH DAMAGE\n\nCopyright (c) Cristian Gafton, 1998, <gafton@redhatcom>\n\n>  LDP General Public License\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\hu\\man1\\su1\n\nYou may copy, distribute and modify under the terms of the LDP General\nPublic License as specified in the LICENSE file that comes with the\ngnumaniak distribution\n\nThe author kindly requests that no comments regarding the \"better\"\nsuitability or up\\-to\\-date notices of any info documentation alternative\nis added without contacting him first\n\n(C) 1999 Ragnar Hojland Espinosa <ragnar@maculanet>\n\nGNU su man page\nman pages are NOT obsolete!\n<ragnar@maculanet>\nTH su 1 \"18 August 1999\" \"GNU Shell Utilities 20\"\n\n\n--------------- SECTION 2: Apache License, V2.0 ----------\n\nApache License, V2.0 is applicable to the following component(s).\n\n\n>>> apr-util-1.5.4\n\nLicensed to the Apache Software Foundation (ASF) under one or more\ncontributor license agreements.  See the NOTICE file distributed with\nthis work for additional information regarding copyright ownership.\nThe ASF licenses this file to You under the Apache License, Version 2.0\n(the \"License\"); you may not use this file except in compliance with\nthe License.  You may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\nADDITIONAL LICENSE INFORMATION:\n\n> apr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\NOTICE\n\nApache Portable Runtime Utility Library\nCopyright (c) 2000-2014 The Apache Software Foundation.\n\nThis product includes software developed at\nThe Apache Software Foundation (http://www.apache.org/).\n\nPortions of this software were developed at the National Center\nfor Supercomputing Applications (NCSA) at the University of\nIllinois at Urbana-Champaign.\n\nThis software contains code derived from the RSA Data Security\nInc. MD5 Message-Digest Algorithm, including various\nmodifications by Spyglass Inc., Carnegie Mellon University, and\nBell Communications Research, Inc (Bellcore).\n\n> RSA Data Security\n\napr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\include\\apr_md4.h\n\nThis is derived from material copyright RSA Data Security, Inc.\nTheir notice is reproduced below in its entirety.\n\nCopyright (C) 1991-2, RSA Data Security, Inc. Created 1991. All\nrights reserved.\n\nLicense to copy and use this software is granted provided that it\nis identified as the \"RSA Data Security, Inc. MD4 Message-Digest\nAlgorithm\" in all material mentioning or referencing this software\nor this function.\n\nLicense is also granted to make and use derivative works provided\nthat such works are identified as \"derived from the RSA Data\nSecurity, Inc. MD4 Message-Digest Algorithm\" in all material\nmentioning or referencing the derived work.\n\nRSA Data Security, Inc. makes no representations concerning either\nthe merchantability of this software or the suitability of this\nsoftware for any particular purpose. It is provided \"as is\"\nwithout express or implied warranty of any kind.\n\nThese notices must be retained in any copies of any part of this\ndocumentation and/or software.\n\n> MIT\n\napr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\xml\\expat\\COPYING\n\nCopyright (c) 1998, 1999, 2000 Thai Open Source Software Center Ltd\nand Clark Cooper\nCopyright (c) 2001, 2002 Expat maintainers.\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be included\nin all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.\nIN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY\nCLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,\nTORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\nSOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n> OpenLDAP Public License (BSD-Style)\n\nPortions Copyright 1998-2002 The OpenLDAP Foundation\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted only as authorized by the OpenLDAP\nPublic License.  A copy of this license is available at\nhttp://www.OpenLDAP.org/license.html or in file LICENSE in the\ntop-level directory of the distribution.\n\nOpenLDAP is a registered trademark of the OpenLDAP Foundation.\n\nIndividual files and/or contributed packages may be copyright by\nother parties and subject to additional restrictions.\n\nThis work is derived from the University of Michigan LDAP v3.3\ndistribution.  Information concerning this software is available\nat: http://www.umich.edu/~dirsvcs/ldap/\n\nThis work also contains materials derived from public sources.\n\nAdditional information about OpenLDAP can be obtained at:\nhttp://www.openldap.org/\n\n\n\nPortions Copyright (c) 1992-1996 Regents of the University of Michigan.\nAll rights reserved.\n\nRedistribution and use in source and binary forms are permitted\nprovided that this notice is preserved and that due credit is given\nto the University of Michigan at Ann Arbor. The name of the University\nmay not be used to endorse or promote products derived from this\nsoftware without specific prior written permission. This software\nis provided ``as is'' without express or implied warranty.\n\n\n>>> beego-1.6.1\n\nCopyright 2014 beego Author. All Rights Reserved.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\nADDITIONAL LICENSE INFORMATION:\n\n> BSD\n\nbeego-1.6.1.tar.gz\\beego-1.6.1.tar\\beego-1.6.1\\session\\README.md\n\nLICENSE\n\nBSD License http://creativecommons.org/licenses/BSD/\n\n> MIT\n\nbeego-1.6.1.tar.gz\\beego-1.6.1.tar\\beego-1.6.1\\utils\\captcha\\LICENSE\n\nCopyright (c) 2011-2014 Dmitry Chestnykh <dmitry@codingrobots.com>\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> docker-distribution-2.5.0\n\nLicense\n\nThis project is distributed under [Apache License, Version 2.0](LICENSE).\n\nADDITIONAL LICENSE INFORMATION:\n\n> MIT\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\bugsnag\\bugsnag-go\\LICENSE.txt\n\nCopyright (c) 2014 Bugsnag\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n\n> MIT Style\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\bugsnag\\osext\\LICENSE\n\nCopyright (c) 2012 Daniel Theophanes\n\nThis software is provided 'as-is', without any express or implied\nwarranty. In no event will the authors be held liable for any damages\narising from the use of this software.\n\nPermission is granted to anyone to use this software for any purpose,\nincluding commercial applications, and to alter it and redistribute it\nfreely, subject to the following restrictions:\n\n1. The origin of this software must not be misrepresented; you must not\nclaim that you wrote the original software. If you use this software\nin a product, an acknowledgment in the product documentation would be\nappreciated but is not required.\n\n2. Altered source versions must be plainly marked as such, and must not be\nmisrepresented as being the original software.\n\n3. This notice may not be removed or altered from any source\ndistribution.\n\n\n> CC-Attribution 3.0\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\docker\\libtrust\\README.md\n\nCopyright and license\n\nCode and documentation copyright 2014 Docker, inc. Code released under the Apache 2.0 license.\nDocs released under Creative commons.\n\n\n> BSD 3-Clause\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\golang\\protobuf\\LICENSE\n\nGo support for Protocol Buffers - Google's data interchange format\n\nCopyright 2010 The Go Authors.  All rights reserved.\nhttps://github.com/golang/protobuf\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are\nmet:\n\n* Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n* Redistributions in binary form must reproduce the above\ncopyright notice, this list of conditions and the following disclaimer\nin the documentation and/or other materials provided with the\ndistribution.\n* Neither the name of Google Inc. nor the names of its\ncontributors may be used to endorse or promote products derived from\nthis software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\nOWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n\n> BSD 2-Clause\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\gorilla\\handlers\\LICENSE\n\nCopyright (c) 2013 The Gorilla Handlers Authors. All rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are met:\n\nRedistributions of source code must retain the above copyright notice, this\nlist of conditions and the following disclaimer.\n\nRedistributions in binary form must reproduce the above copyright notice,\nthis list of conditions and the following disclaimer in the documentation\nand/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED\nWARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\nDISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\nSERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER\nCAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,\nOR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n> BSD-3\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\golang.org\\x\\crypto\\LICENSE\n\nCopyright (c) 2009 The Go Authors. All rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are\nmet:\n\n* Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n* Redistributions in binary form must reproduce the above\ncopyright notice, this list of conditions and the following disclaimer\nin the documentation and/or other materials provided with the\ndistribution.\n* Neither the name of Google Inc. nor the names of its\ncontributors may be used to endorse or promote products derived from\nthis software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\nOWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\nAdditional IP Rights Grant (Patents)\n\n\"This implementation\" means the copyrightable works distributed by\nGoogle as part of the Go project.\n\nGoogle hereby grants to You a perpetual, worldwide, non-exclusive,\nno-charge, royalty-free, irrevocable (except as stated in this section)\npatent license to make, have made, use, offer to sell, sell, import,\ntransfer and otherwise run, modify and propagate the contents of this\nimplementation of Go, where such license applies only to those patent\nclaims, both currently owned or controlled by Google and acquired in\nthe future, licensable by Google that are necessarily infringed by this\nimplementation of Go.  This grant does not include claims that would be\ninfringed only as a consequence of further modification of this\nimplementation.  If you or your agent or exclusive licensee institute or\norder or agree to the institution of patent litigation against any\nentity (including a cross-claim or counterclaim in a lawsuit) alleging\nthat this implementation of Go or any code incorporated within this\nimplementation of Go constitutes direct or contributory patent\ninfringement, or inducement of patent infringement, then any patent\nrights granted to you under this License for this implementation of Go\nshall terminate as of the date such litigation is filed.\n\n\n>>> docker-libtrust -9cbd2a1\n\nCopyright and license\n\nCode and documentation copyright 2014 Docker, inc. Code released under the Apache 2.0 license.\nDocs released under Creative commons.\n\n\n>>> registry-2.5.0\n\nLicense: Apache 2.0\n\n\n--------------- SECTION 3: GNU General Public License, V2.0 ----------\n\nGNU General Public License, V2.0 is applicable to the following component(s).\n\n\n>>> logrotate-3.9.1\n\nLICENSE : GPL 2.0\n\nADDITIONAL LICENSE INFORMATION:\n\n>   BSD 3-Clause\n\nlogrotate-3.9.1.tar.gz\\logrotate-3.9.1.tar\\logrotate-3.9.1\\queue.h\n\nCopyright (c) 1991, 1993\n\tThe Regents of the University of California.  All rights reserved.\n\n Redistribution and use in source and binary forms, with or without\n modification, are permitted provided that the following conditions\n are met:\n 1. Redistributions of source code must retain the above copyright\n    notice, this list of conditions and the following disclaimer.\n 2. Redistributions in binary form must reproduce the above copyright\n    notice, this list of conditions and the following disclaimer in the\n    documentation and/or other materials provided with the distribution.\n 3. Neither the name of the University nor the names of its contributors\n    may be used to endorse or promote products derived from this software\n    without specific prior written permission.\n\n THIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\n ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\n IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\n ARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\n FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\n DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\n OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\n HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\n LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\n OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\n SUCH DAMAGE.\n\n\n>>> mysql-5.6\n\nLicense: GPL 2.0\n\n\n--------------- SECTION 4: GNU General Public License, V3.0 ----------\n\nGNU General Public License, V3.0 is applicable to the following component(s).\n\n\n>>> rsyslog-8.15.0\n\nCopyright 2007, 2014 Rainer Gerhards and Adiscon GmbH.\n\nThis file is part of rsyslog.\n\nRsyslog is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version.\n\nRsyslog is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with Rsyslog.  If not, see <http://www.gnu.org/licenses/>.\n\nA copy of the GPL can be found in the file \"COPYING\" in this distribution.\n\nADDITIONAL LICENSE INFORMATION:\n\n> CDDL 1.1\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\compat\\getifaddrs.c\n\nThe contents of this file are subject to the terms of the\nCommon Development and Distribution License (the \"License\").\nYou may not use this file except in compliance with the License.\n\nYou can obtain a copy of the license at usr/src/OPENSOLARIS.LICENSE\nor http://www.opensolaris.org/os/licensing.\nSee the License for the specific language governing permissions\nand limitations under the License.\n\nWhen distributing Covered Code, include this CDDL HEADER in each\nfile and include the License file at usr/src/OPENSOLARIS.LICENSE.\nIf applicable, add the following below this CDDL HEADER, with the\nfields enclosed by brackets \"[]\" replaced with your own identifying\ninformation: Portions Copyright [yyyy] [name of copyright owner]\n\n> Apache 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\compat\\strndup.c\n\nCopyright 2015 Rainer Gerhards and Adiscon\n\nThis file is part of rsyslog.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n-or-\nsee COPYING.ASL20 in the source distribution\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n> LGPL  3.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\contrib\\imzmq3\\imzmq3.c\n\nCopyright 2012 Talksum, Inc.\n\nThis program is free software: you can redistribute it and/or\nmodify it under the terms of the GNU Lesser General Public License\nas published by the Free Software Foundation, either version 3 of\nthe License, or (at your option) any later version.\n\nThis program is distributed in the hope that it will be useful, but\nWITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU\nLesser General Public License for more details.\n\nYou should have received a copy of the GNU Lesser General Public\nLicense along with this program.  If not, see\n<http://www.gnu.org/licenses/>.\n\nAuthors:\nDavid Kelly <davidk@talksum.com>\nHongfei Cheng hongfeic@talksum.com\n\n> GPL 3.0 (WITH BISON PARSER EXCEPTION)\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\grammar\\grammar.c\n\nCopyright (C) 1984, 1989-1990, 2000-2013 Free Software Foundation, Inc.\n\nThis program is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version.\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with this program.  If not, see <http://www.gnu.org/licenses/>.\n\nAs a special exception, you may create a larger work that contains\npart or all of the Bison parser skeleton and distribute that work\nunder terms of your choice, so long as that work isn't itself a\nparser generator using the skeleton or a modified version thereof\nas a parser skeleton.  Alternatively, if you modify or redistribute\nthe parser skeleton itself, you may (at your option) remove this\nspecial exception, which will cause the skeleton and the resulting\nBison output files to be licensed under the GNU General Public\nLicense without this special exception.\n\nThis special exception was added by the Free Software Foundation in\nversion 2.2 of Bison.\n\n> MIT\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\plugins\\omelasticsearch\\cJSON\\cjson.c\n\nCopyright (c) 2009 Dave Gamble\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n> BSD 3-Clause\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\runtime\\hashtable.h\n\nCopyright (c) 2002, Christopher Clark\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n\nRedistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n\nRedistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nNeither the name of the original author; nor the names of any contributors\nmay be used to endorse or promote products derived from this software\nwithout specific prior written permission.\n\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL THE COPYRIGHT OWNER\nOR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,\nEXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,\nPROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR\nPROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF\nLIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING\nNEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS\nSOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n> GPL 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\tools\\rsyslog.conf.5\n\nThis file is part of the rsyslog  package, an enhanced system log daemon.\n\nThis program is free software; you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation; either version 2 of the License, or\n(at your option) any later version.\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with this program; if not, write to the Free Software\nFoundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111, USA.\n\n> LGPL 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\tools\\rscryutil.rst\n\nCOPYRIGHT\n=========\n\nThis page is part of the *rsyslog* project, and is available under\nLGPLv2.\n\n\n--------------- SECTION 5: Mozilla Public License, V2.0 ----------\n\nMozilla Public License, V2.0 is applicable to the following component(s).\n\n\n>>> go-sql-driver/mysql-1.2\n\nCopyright 2013 The Go-MySQL-Driver Authors. All rights reserved.\n\nThis Source Code Form is subject to the terms of the Mozilla Public\nLicense, v. 2.0. If a copy of the MPL was not distributed with this file,\nYou can obtain one at http://mozilla.org/MPL/2.0/.\n\n\n=============== APPENDIX. Standard License Files ============== \n\n\n\n--------------- SECTION 1: Mozilla Public License, V2.0 -----------\n\nMozilla Public License\nVersion 2.0\n\n1. Definitions\n\n1.1. Contributor\nmeans each individual or legal entity that creates, contributes to the creation of, or owns Covered Software.\n\n1.2. Contributor Version\nmeans the combination of the Contributions of others (if any) used by a Contributor and that particular Contributors Contribution.\n\n1.3. Contribution\nmeans Covered Software of a particular Contributor.\n\n1.4. Covered Software\nmeans Source Code Form to which the initial Contributor has attached the notice in Exhibit A, the Executable Form of such Source Code Form, and Modifications of such Source Code Form, in each case including portions thereof.\n\n1.5. Incompatible With Secondary Licenses\nmeans\n\nthat the initial Contributor has attached the notice described in Exhibit B to the Covered Software; or\n\nthat the Covered Software was made available under the terms of version 1.1 or earlier of the License, but not also under the terms of a Secondary License.\n\n1.6. Executable Form\nmeans any form of the work other than Source Code Form.\n\n1.7. Larger Work\nmeans a work that combines Covered Software with other material, in a separate file or files, that is not Covered Software.\n\n1.8. License\nmeans this document.\n\n1.9. Licensable\nmeans having the right to grant, to the maximum extent possible, whether at the time of the initial grant or subsequently, any and all of the rights conveyed by this License.\n\n1.10. Modifications\nmeans any of the following:\n\nany file in Source Code Form that results from an addition to, deletion from, or modification of the contents of Covered Software; or\n\nany new file in Source Code Form that contains any Covered Software.\n\n1.11. Patent Claims of a Contributor\nmeans any patent claim(s), including without limitation, method, process, and apparatus claims, in any patent Licensable by such Contributor that would be infringed, but for the grant of the License, by the making, using, selling, offering for sale, having made, import, or transfer of either its Contributions or its Contributor Version.\n\n1.12. Secondary License\nmeans either the GNU General Public License, Version 2.0, the GNU Lesser General Public License, Version 2.1, the GNU Affero General Public License, Version 3.0, or any later versions of those licenses.\n\n1.13. Source Code Form\nmeans the form of the work preferred for making modifications.\n\n1.14. You (or Your)\nmeans an individual or a legal entity exercising rights under this License. For legal entities, You includes any entity that controls, is controlled by, or is under common control with You. For purposes of this definition, control means (a) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (b) ownership of more than fifty percent (50%) of the outstanding shares or beneficial ownership of such entity.\n\n2. License Grants and Conditions\n\n2.1. Grants\n\nEach Contributor hereby grants You a world-wide, royalty-free, non-exclusive license:\n\nunder intellectual property rights (other than patent or trademark) Licensable by such Contributor to use, reproduce, make available, modify, display, perform, distribute, and otherwise exploit its Contributions, either on an unmodified basis, with Modifications, or as part of a Larger Work; and\n\nunder Patent Claims of such Contributor to make, use, sell, offer for sale, have made, import, and otherwise transfer either its Contributions or its Contributor Version.\n\n2.2. Effective Date\n\nThe licenses granted in Section 2.1 with respect to any Contribution become effective for each Contribution on the date the Contributor first distributes such Contribution.\n\n2.3. Limitations on Grant Scope\n\nThe licenses granted in this Section 2 are the only rights granted under this License. No additional rights or licenses will be implied from the distribution or licensing of Covered Software under this License. Notwithstanding Section 2.1(b) above, no patent license is granted by a Contributor:\n\nfor any code that a Contributor has removed from Covered Software; or\n\nfor infringements caused by: (i) Your and any other third partys modifications of Covered Software, or (ii) the combination of its Contributions with other software (except as part of its Contributor Version); or\n\nunder Patent Claims infringed by Covered Software in the absence of its Contributions.\n\nThis License does not grant any rights in the trademarks, service marks, or logos of any Contributor (except as may be necessary to comply with the notice requirements in Section 3.4).\n\n2.4. Subsequent Licenses\n\nNo Contributor makes additional grants as a result of Your choice to distribute the Covered Software under a subsequent version of this License (see Section 10.2) or under the terms of a Secondary License (if permitted under the terms of Section 3.3).\n\n2.5. Representation\n\nEach Contributor represents that the Contributor believes its Contributions are its original creation(s) or it has sufficient rights to grant the rights to its Contributions conveyed by this License.\n\n2.6. Fair Use\n\nThis License is not intended to limit any rights You have under applicable copyright doctrines of fair use, fair dealing, or other equivalents.\n\n2.7. Conditions\n\nSections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted in Section 2.1.\n\n3. Responsibilities\n\n3.1. Distribution of Source Form\n\nAll distribution of Covered Software in Source Code Form, including any Modifications that You create or to which You contribute, must be under the terms of this License. You must inform recipients that the Source Code Form of the Covered Software is governed by the terms of this License, and how they can obtain a copy of this License. You may not attempt to alter or restrict the recipients rights in the Source Code Form.\n\n3.2. Distribution of Executable Form\n\nIf You distribute Covered Software in Executable Form then:\n\nsuch Covered Software must also be made available in Source Code Form, as described in Section 3.1, and You must inform recipients of the Executable Form how they can obtain a copy of such Source Code Form by reasonable means in a timely manner, at a charge no more than the cost of distribution to the recipient; and\n\nYou may distribute such Executable Form under the terms of this License, or sublicense it under different terms, provided that the license for the Executable Form does not attempt to limit or alter the recipients rights in the Source Code Form under this License.\n\n3.3. Distribution of a Larger Work\n\nYou may create and distribute a Larger Work under terms of Your choice, provided that You also comply with the requirements of this License for the Covered Software. If the Larger Work is a combination of Covered Software with a work governed by one or more Secondary Licenses, and the Covered Software is not Incompatible With Secondary Licenses, this License permits You to additionally distribute such Covered Software under the terms of such Secondary License(s), so that the recipient of the Larger Work may, at their option, further distribute the Covered Software under the terms of either this License or such Secondary License(s).\n\n3.4. Notices\n\nYou may not remove or alter the substance of any license notices (including copyright notices, patent notices, disclaimers of warranty, or limitations of liability) contained within the Source Code Form of the Covered Software, except that You may alter any license notices to the extent required to remedy known factual inaccuracies.\n\n3.5. Application of Additional Terms\n\nYou may choose to offer, and to charge a fee for, warranty, support, indemnity or liability obligations to one or more recipients of Covered Software. However, You may do so only on Your own behalf, and not on behalf of any Contributor. You must make it absolutely clear that any such warranty, support, indemnity, or liability obligation is offered by You alone, and You hereby agree to indemnify every Contributor for any liability incurred by such Contributor as a result of warranty, support, indemnity or liability terms You offer. You may include additional disclaimers of warranty and limitations of liability specific to any jurisdiction.\n\n4. Inability to Comply Due to Statute or Regulation\n\nIf it is impossible for You to comply with any of the terms of this License with respect to some or all of the Covered Software due to statute, judicial order, or regulation then You must: (a) comply with the terms of this License to the maximum extent possible; and (b) describe the limitations and the code they affect. Such description must be placed in a text file included with all distributions of the Covered Software under this License. Except to the extent prohibited by statute or regulation, such description must be sufficiently detailed for a recipient of ordinary skill to be able to understand it.\n\n5. Termination\n\n5.1. The rights granted under this License will terminate automatically if You fail to comply with any of its terms. However, if You become compliant, then the rights granted under this License from a particular Contributor are reinstated (a) provisionally, unless and until such Contributor explicitly and finally terminates Your grants, and (b) on an ongoing basis, if such Contributor fails to notify You of the non-compliance by some reasonable means prior to 60 days after You have come back into compliance. Moreover, Your grants from a particular Contributor are reinstated on an ongoing basis if such Contributor notifies You of the non-compliance by some reasonable means, this is the first time You have received notice of non-compliance with this License from such Contributor, and You become compliant prior to 30 days after Your receipt of the notice.\n\n5.2. If You initiate litigation against any entity by asserting a patent infringement claim (excluding declaratory judgment actions, counter-claims, and cross-claims) alleging that a Contributor Version directly or indirectly infringes any patent, then the rights granted to You by any and all Contributors for the Covered Software under Section 2.1 of this License shall terminate.\n\n5.3. In the event of termination under Sections 5.1 or 5.2 above, all end user license agreements (excluding distributors and resellers) which have been validly granted by You or Your distributors under this License prior to termination shall survive termination.\n\n6. Disclaimer of Warranty\n\nCovered Software is provided under this License on an as is basis, without warranty of any kind, either expressed, implied, or statutory, including, without limitation, warranties that the Covered Software is free of defects, merchantable, fit for a particular purpose or non-infringing. The entire risk as to the quality and performance of the Covered Software is with You. Should any Covered Software prove defective in any respect, You (not any Contributor) assume the cost of any necessary servicing, repair, or correction. This disclaimer of warranty constitutes an essential part of this License. No use of any Covered Software is authorized under this License except under this disclaimer.\n\n7. Limitation of Liability\n\nUnder no circumstances and under no legal theory, whether tort (including negligence), contract, or otherwise, shall any Contributor, or anyone who distributes Covered Software as permitted above, be liable to You for any direct, indirect, special, incidental, or consequential damages of any character including, without limitation, damages for lost profits, loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses, even if such party shall have been informed of the possibility of such damages. This limitation of liability shall not apply to liability for death or personal injury resulting from such partys negligence to the extent applicable law prohibits such limitation. Some jurisdictions do not allow the exclusion or limitation of incidental or consequential damages, so this exclusion and limitation may not apply to You.\n\n8. Litigation\n\nAny litigation relating to this License may be brought only in the courts of a jurisdiction where the defendant maintains its principal place of business and such litigation shall be governed by laws of that jurisdiction, without reference to its conflict-of-law provisions. Nothing in this Section shall prevent a partys ability to bring cross-claims or counter-claims.\n\n9. Miscellaneous\n\nThis License represents the complete agreement concerning the subject matter hereof. If any provision of this License is held to be unenforceable, such provision shall be reformed only to the extent necessary to make it enforceable. Any law or regulation which provides that the language of a contract shall be construed against the drafter shall not be used to construe this License against a Contributor.\n\n10. Versions of the License\n\n10.1. New Versions\n\nMozilla Foundation is the license steward. Except as provided in Section 10.3, no one other than the license steward has the right to modify or publish new versions of this License. Each version will be given a distinguishing version number.\n\n10.2. Effect of New Versions\n\nYou may distribute the Covered Software under the terms of the version of the License under which You originally received the Covered Software, or under the terms of any subsequent version published by the license steward.\n\n10.3. Modified Versions\n\nIf you create software not governed by this License, and you want to create a new license for such software, you may create and use a modified version of this License if you rename the license and remove any references to the name of the license steward (except to note that such modified license differs from this License).\n\n10.4. Distributing Source Code Form that is Incompatible With Secondary Licenses\n\nIf You choose to distribute Source Code Form that is Incompatible With Secondary Licenses under the terms of this version of the License, the notice described in Exhibit B of this License must be attached.\n\nExhibit A - Source Code Form License Notice\n\nThis Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/.\n\nIf it is not possible or desirable to put the notice in a particular file, then You may include the notice in a location (such as a LICENSE file in a relevant directory) where a recipient would be likely to look for such a notice.\n\nYou may add additional accurate notices of copyright ownership.\n\nExhibit B - Incompatible With Secondary Licenses Notice\n\nThis Source Code Form is Incompatible With Secondary Licenses, as defined by the Mozilla Public License, v. 2.0.\n\n--------------- SECTION 2: Apache License, V2.0 -----------\n\nApache License \n\nVersion 2.0, January 2004 \nhttp://www.apache.org/licenses/ \n\nTERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION \n\n1. Definitions.\n\n\"License\" shall mean the terms and conditions for use, reproduction,\nand distribution as defined by Sections 1 through 9 of this document.\n\n\"Licensor\" shall mean the copyright owner or entity authorized by the\ncopyright owner that is granting the License.  \n\n\"Legal Entity\" shall mean the union of the acting entity and all other\nentities that control, are controlled by, or are under common control\nwith that entity. For the purposes of this definition, \"control\" means\n(i) the power, direct or indirect, to cause the direction or management\nof such entity, whether by contract or otherwise, or (ii) ownership\nof fifty percent (50%) or more of the outstanding shares, or (iii)\nbeneficial ownership of such entity.\n\n\"You\" (or \"Your\") shall mean an individual or Legal Entity exercising\npermissions granted by this License.  \n\n\"Source\" form shall mean the preferred form for making modifications,\nincluding but not limited to software source code, documentation source,\nand configuration files.\n\n\"Object\" form shall mean any form resulting from mechanical transformation\nor translation of a Source form, including but not limited to compiled\nobject code, generated documentation, and conversions to other media\ntypes.  \n\n\"Work\" shall mean the work of authorship, whether in Source or\nObject form, made available under the License, as indicated by a copyright\nnotice that is included in or attached to the work (an example is provided\nin the Appendix below).  \n\n\"Derivative Works\" shall mean any work, whether in Source or Object form,\nthat is based on (or derived from) the Work and for which the editorial\nrevisions, annotations, elaborations, or other modifications represent,\nas a whole, an original work of authorship. For the purposes of this\nLicense, Derivative Works shall not include works that remain separable\nfrom, or merely link (or bind by name) to the interfaces of, the Work\nand Derivative Works thereof.\n\n\"Contribution\" shall mean any work of authorship, including the\noriginal version of the Work and any modifications or additions to\nthat Work or Derivative Works thereof, that is intentionally submitted\nto Licensor for inclusion in the Work by the copyright owner or by an\nindividual or Legal Entity authorized to submit on behalf of the copyright\nowner. For the purposes of this definition, \"submitted\" means any form of\nelectronic, verbal, or written communication sent to the Licensor or its\nrepresentatives, including but not limited to communication on electronic\nmailing lists, source code control systems, and issue tracking systems\nthat are managed by, or on behalf of, the Licensor for the purpose of\ndiscussing and improving the Work, but excluding communication that is\nconspicuously marked or otherwise designated in writing by the copyright\nowner as \"Not a Contribution.\"\n\n\"Contributor\" shall mean Licensor and any individual or Legal Entity\non behalf of whom a Contribution has been received by Licensor and\nsubsequently incorporated within the Work.\n\n2. Grant of Copyright License.\nSubject to the terms and conditions of this License, each Contributor\nhereby grants to You a perpetual, worldwide, non-exclusive, no-charge,\nroyalty-free, irrevocable copyright license to reproduce, prepare\nDerivative Works of, publicly display, publicly perform, sublicense, and\ndistribute the Work and such Derivative Works in Source or Object form.\n\n3. Grant of Patent License.\nSubject to the terms and conditions of this License, each Contributor\nhereby grants to You a perpetual, worldwide, non-exclusive, no-charge,\nroyalty- free, irrevocable (except as stated in this section) patent\nlicense to make, have made, use, offer to sell, sell, import, and\notherwise transfer the Work, where such license applies only to those\npatent claims licensable by such Contributor that are necessarily\ninfringed by their Contribution(s) alone or by combination of\ntheir Contribution(s) with the Work to which such Contribution(s)\nwas submitted. If You institute patent litigation against any entity\n(including a cross-claim or counterclaim in a lawsuit) alleging that the\nWork or a Contribution incorporated within the Work constitutes direct\nor contributory patent infringement, then any patent licenses granted\nto You under this License for that Work shall terminate as of the date\nsuch litigation is filed.\n\n4. Redistribution.\nYou may reproduce and distribute copies of the Work or Derivative Works\nthereof in any medium, with or without modifications, and in Source or\nObject form, provided that You meet the following conditions:\n\n  a. You must give any other recipients of the Work or Derivative Works\n     a copy of this License; and\n\n  b. You must cause any modified files to carry prominent notices stating\n     that You changed the files; and\n\n  c. You must retain, in the Source form of any Derivative Works that\n     You distribute, all copyright, patent, trademark, and attribution\n     notices from the Source form of the Work, excluding those notices\n     that do not pertain to any part of the Derivative Works; and\n\n  d. If the Work includes a \"NOTICE\" text file as part of its\n     distribution, then any Derivative Works that You distribute must\n     include a readable copy of the attribution notices contained\n     within such NOTICE file, excluding those notices that do not\n     pertain to any part of the Derivative Works, in at least one of\n     the following places: within a NOTICE text file distributed as part\n     of the Derivative Works; within the Source form or documentation,\n     if provided along with the Derivative Works; or, within a display\n     generated by the Derivative Works, if and wherever such third-party\n     notices normally appear. The contents of the NOTICE file are for\n     informational purposes only and do not modify the License. You\n     may add Your own attribution notices within Derivative Works that\n     You distribute, alongside or as an addendum to the NOTICE text\n     from the Work, provided that such additional attribution notices\n     cannot be construed as modifying the License.  You may add Your own\n     copyright statement to Your modifications and may provide additional\n     or different license terms and conditions for use, reproduction, or\n     distribution of Your modifications, or for any such Derivative Works\n     as a whole, provided Your use, reproduction, and distribution of the\n     Work otherwise complies with the conditions stated in this License.\n\n5. Submission of Contributions.\nUnless You explicitly state otherwise, any Contribution intentionally\nsubmitted for inclusion in the Work by You to the Licensor shall be\nunder the terms and conditions of this License, without any additional\nterms or conditions.  Notwithstanding the above, nothing herein shall\nsupersede or modify the terms of any separate license agreement you may\nhave executed with Licensor regarding such Contributions.\n\n6. Trademarks.\nThis License does not grant permission to use the trade names, trademarks,\nservice marks, or product names of the Licensor, except as required for\nreasonable and customary use in describing the origin of the Work and\nreproducing the content of the NOTICE file.\n\n7. Disclaimer of Warranty.\nUnless required by applicable law or agreed to in writing, Licensor\nprovides the Work (and each Contributor provides its Contributions) on\nan \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either\nexpress or implied, including, without limitation, any warranties or\nconditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR\nA PARTICULAR PURPOSE. You are solely responsible for determining the\nappropriateness of using or redistributing the Work and assume any risks\nassociated with Your exercise of permissions under this License.\n\n8. Limitation of Liability.\nIn no event and under no legal theory, whether in tort (including\nnegligence), contract, or otherwise, unless required by applicable law\n(such as deliberate and grossly negligent acts) or agreed to in writing,\nshall any Contributor be liable to You for damages, including any direct,\nindirect, special, incidental, or consequential damages of any character\narising as a result of this License or out of the use or inability to\nuse the Work (including but not limited to damages for loss of goodwill,\nwork stoppage, computer failure or malfunction, or any and all other\ncommercial damages or losses), even if such Contributor has been advised\nof the possibility of such damages.\n\n9. Accepting Warranty or Additional Liability.\nWhile redistributing the Work or Derivative Works thereof, You may\nchoose to offer, and charge a fee for, acceptance of support, warranty,\nindemnity, or other liability obligations and/or rights consistent with\nthis License. However, in accepting such obligations, You may act only\non Your own behalf and on Your sole responsibility, not on behalf of\nany other Contributor, and only if You agree to indemnify, defend, and\nhold each Contributor harmless for any liability incurred by, or claims\nasserted against, such Contributor by reason of your accepting any such\nwarranty or additional liability.\n\nEND OF TERMS AND CONDITIONS \n\n\n\n--------------- SECTION 3: GNU General Public License, V3.0 -----------\n\n                    GNU GENERAL PUBLIC LICENSE\n                       Version 3, 29 June 2007\n\n Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n                            Preamble\n\n  The GNU General Public License is a free, copyleft license for\nsoftware and other kinds of works.\n\n  The licenses for most software and other practical works are designed\nto take away your freedom to share and change the works.  By contrast,\nthe GNU General Public License is intended to guarantee your freedom to\nshare and change all versions of a program--to make sure it remains free\nsoftware for all its users.  We, the Free Software Foundation, use the\nGNU General Public License for most of our software; it applies also to\nany other work released this way by its authors.  You can apply it to\nyour programs, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthem if you wish), that you receive source code or can get it if you\nwant it, that you can change the software or use pieces of it in new\nfree programs, and that you know you can do these things.\n\n  To protect your rights, we need to prevent others from denying you\nthese rights or asking you to surrender the rights.  Therefore, you have\ncertain responsibilities if you distribute copies of the software, or if\nyou modify it: responsibilities to respect the freedom of others.\n\n  For example, if you distribute copies of such a program, whether\ngratis or for a fee, you must pass on to the recipients the same\nfreedoms that you received.  You must make sure that they, too, receive\nor can get the source code.  And you must show them these terms so they\nknow their rights.\n\n  Developers that use the GNU GPL protect your rights with two steps:\n(1) assert copyright on the software, and (2) offer you this License\ngiving you legal permission to copy, distribute and/or modify it.\n\n  For the developers' and authors' protection, the GPL clearly explains\nthat there is no warranty for this free software.  For both users' and\nauthors' sake, the GPL requires that modified versions be marked as\nchanged, so that their problems will not be attributed erroneously to\nauthors of previous versions.\n\n  Some devices are designed to deny users access to install or run\nmodified versions of the software inside them, although the manufacturer\ncan do so.  This is fundamentally incompatible with the aim of\nprotecting users' freedom to change the software.  The systematic\npattern of such abuse occurs in the area of products for individuals to\nuse, which is precisely where it is most unacceptable.  Therefore, we\nhave designed this version of the GPL to prohibit the practice for those\nproducts.  If such problems arise substantially in other domains, we\nstand ready to extend this provision to those domains in future versions\nof the GPL, as needed to protect the freedom of users.\n\n  Finally, every program is threatened constantly by software patents.\nStates should not allow patents to restrict development and use of\nsoftware on general-purpose computers, but in those that do, we wish to\navoid the special danger that patents applied to a free program could\nmake it effectively proprietary.  To prevent this, the GPL assures that\npatents cannot be used to render the program non-free.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.\n\n                       TERMS AND CONDITIONS\n\n  0. Definitions.\n\n  \"This License\" refers to version 3 of the GNU General Public License.\n\n  \"Copyright\" also means copyright-like laws that apply to other kinds of\nworks, such as semiconductor masks.\n\n  \"The Program\" refers to any copyrightable work licensed under this\nLicense.  Each licensee is addressed as \"you\".  \"Licensees\" and\n\"recipients\" may be individuals or organizations.\n\n  To \"modify\" a work means to copy from or adapt all or part of the work\nin a fashion requiring copyright permission, other than the making of an\nexact copy.  The resulting work is called a \"modified version\" of the\nearlier work or a work \"based on\" the earlier work.\n\n  A \"covered work\" means either the unmodified Program or a work based\non the Program.\n\n  To \"propagate\" a work means to do anything with it that, without\npermission, would make you directly or secondarily liable for\ninfringement under applicable copyright law, except executing it on a\ncomputer or modifying a private copy.  Propagation includes copying,\ndistribution (with or without modification), making available to the\npublic, and in some countries other activities as well.\n\n  To \"convey\" a work means any kind of propagation that enables other\nparties to make or receive copies.  Mere interaction with a user through\na computer network, with no transfer of a copy, is not conveying.\n\n  An interactive user interface displays \"Appropriate Legal Notices\"\nto the extent that it includes a convenient and prominently visible\nfeature that (1) displays an appropriate copyright notice, and (2)\ntells the user that there is no warranty for the work (except to the\nextent that warranties are provided), that licensees may convey the\nwork under this License, and how to view a copy of this License.  If\nthe interface presents a list of user commands or options, such as a\nmenu, a prominent item in the list meets this criterion.\n\n  1. Source Code.\n\n  The \"source code\" for a work means the preferred form of the work\nfor making modifications to it.  \"Object code\" means any non-source\nform of a work.\n\n  A \"Standard Interface\" means an interface that either is an official\nstandard defined by a recognized standards body, or, in the case of\ninterfaces specified for a particular programming language, one that\nis widely used among developers working in that language.\n\n  The \"System Libraries\" of an executable work include anything, other\nthan the work as a whole, that (a) is included in the normal form of\npackaging a Major Component, but which is not part of that Major\nComponent, and (b) serves only to enable use of the work with that\nMajor Component, or to implement a Standard Interface for which an\nimplementation is available to the public in source code form.  A\n\"Major Component\", in this context, means a major essential component\n(kernel, window system, and so on) of the specific operating system\n(if any) on which the executable work runs, or a compiler used to\nproduce the work, or an object code interpreter used to run it.\n\n  The \"Corresponding Source\" for a work in object code form means all\nthe source code needed to generate, install, and (for an executable\nwork) run the object code and to modify the work, including scripts to\ncontrol those activities.  However, it does not include the work's\nSystem Libraries, or general-purpose tools or generally available free\nprograms which are used unmodified in performing those activities but\nwhich are not part of the work.  For example, Corresponding Source\nincludes interface definition files associated with source files for\nthe work, and the source code for shared libraries and dynamically\nlinked subprograms that the work is specifically designed to require,\nsuch as by intimate data communication or control flow between those\nsubprograms and other parts of the work.\n\n  The Corresponding Source need not include anything that users\ncan regenerate automatically from other parts of the Corresponding\nSource.\n\n  The Corresponding Source for a work in source code form is that\nsame work.\n\n  2. Basic Permissions.\n\n  All rights granted under this License are granted for the term of\ncopyright on the Program, and are irrevocable provided the stated\nconditions are met.  This License explicitly affirms your unlimited\npermission to run the unmodified Program.  The output from running a\ncovered work is covered by this License only if the output, given its\ncontent, constitutes a covered work.  This License acknowledges your\nrights of fair use or other equivalent, as provided by copyright law.\n\n  You may make, run and propagate covered works that you do not\nconvey, without conditions so long as your license otherwise remains\nin force.  You may convey covered works to others for the sole purpose\nof having them make modifications exclusively for you, or provide you\nwith facilities for running those works, provided that you comply with\nthe terms of this License in conveying all material for which you do\nnot control copyright.  Those thus making or running the covered works\nfor you must do so exclusively on your behalf, under your direction\nand control, on terms that prohibit them from making any copies of\nyour copyrighted material outside their relationship with you.\n\n  Conveying under any other circumstances is permitted solely under\nthe conditions stated below.  Sublicensing is not allowed; section 10\nmakes it unnecessary.\n\n  3. Protecting Users' Legal Rights From Anti-Circumvention Law.\n\n  No covered work shall be deemed part of an effective technological\nmeasure under any applicable law fulfilling obligations under article\n11 of the WIPO copyright treaty adopted on 20 December 1996, or\nsimilar laws prohibiting or restricting circumvention of such\nmeasures.\n\n  When you convey a covered work, you waive any legal power to forbid\ncircumvention of technological measures to the extent such circumvention\nis effected by exercising rights under this License with respect to\nthe covered work, and you disclaim any intention to limit operation or\nmodification of the work as a means of enforcing, against the work's\nusers, your or third parties' legal rights to forbid circumvention of\ntechnological measures.\n\n  4. Conveying Verbatim Copies.\n\n  You may convey verbatim copies of the Program's source code as you\nreceive it, in any medium, provided that you conspicuously and\nappropriately publish on each copy an appropriate copyright notice;\nkeep intact all notices stating that this License and any\nnon-permissive terms added in accord with section 7 apply to the code;\nkeep intact all notices of the absence of any warranty; and give all\nrecipients a copy of this License along with the Program.\n\n  You may charge any price or no price for each copy that you convey,\nand you may offer support or warranty protection for a fee.\n\n  5. Conveying Modified Source Versions.\n\n  You may convey a work based on the Program, or the modifications to\nproduce it from the Program, in the form of source code under the\nterms of section 4, provided that you also meet all of these conditions:\n\n    a) The work must carry prominent notices stating that you modified\n    it, and giving a relevant date.\n\n    b) The work must carry prominent notices stating that it is\n    released under this License and any conditions added under section\n    7.  This requirement modifies the requirement in section 4 to\n    \"keep intact all notices\".\n\n    c) You must license the entire work, as a whole, under this\n    License to anyone who comes into possession of a copy.  This\n    License will therefore apply, along with any applicable section 7\n    additional terms, to the whole of the work, and all its parts,\n    regardless of how they are packaged.  This License gives no\n    permission to license the work in any other way, but it does not\n    invalidate such permission if you have separately received it.\n\n    d) If the work has interactive user interfaces, each must display\n    Appropriate Legal Notices; however, if the Program has interactive\n    interfaces that do not display Appropriate Legal Notices, your\n    work need not make them do so.\n\n  A compilation of a covered work with other separate and independent\nworks, which are not by their nature extensions of the covered work,\nand which are not combined with it such as to form a larger program,\nin or on a volume of a storage or distribution medium, is called an\n\"aggregate\" if the compilation and its resulting copyright are not\nused to limit the access or legal rights of the compilation's users\nbeyond what the individual works permit.  Inclusion of a covered work\nin an aggregate does not cause this License to apply to the other\nparts of the aggregate.\n\n  6. Conveying Non-Source Forms.\n\n  You may convey a covered work in object code form under the terms\nof sections 4 and 5, provided that you also convey the\nmachine-readable Corresponding Source under the terms of this License,\nin one of these ways:\n\n    a) Convey the object code in, or embodied in, a physical product\n    (including a physical distribution medium), accompanied by the\n    Corresponding Source fixed on a durable physical medium\n    customarily used for software interchange.\n\n    b) Convey the object code in, or embodied in, a physical product\n    (including a physical distribution medium), accompanied by a\n    written offer, valid for at least three years and valid for as\n    long as you offer spare parts or customer support for that product\n    model, to give anyone who possesses the object code either (1) a\n    copy of the Corresponding Source for all the software in the\n    product that is covered by this License, on a durable physical\n    medium customarily used for software interchange, for a price no\n    more than your reasonable cost of physically performing this\n    conveying of source, or (2) access to copy the\n    Corresponding Source from a network server at no charge.\n\n    c) Convey individual copies of the object code with a copy of the\n    written offer to provide the Corresponding Source.  This\n    alternative is allowed only occasionally and noncommercially, and\n    only if you received the object code with such an offer, in accord\n    with subsection 6b.\n\n    d) Convey the object code by offering access from a designated\n    place (gratis or for a charge), and offer equivalent access to the\n    Corresponding Source in the same way through the same place at no\n    further charge.  You need not require recipients to copy the\n    Corresponding Source along with the object code.  If the place to\n    copy the object code is a network server, the Corresponding Source\n    may be on a different server (operated by you or a third party)\n    that supports equivalent copying facilities, provided you maintain\n    clear directions next to the object code saying where to find the\n    Corresponding Source.  Regardless of what server hosts the\n    Corresponding Source, you remain obligated to ensure that it is\n    available for as long as needed to satisfy these requirements.\n\n    e) Convey the object code using peer-to-peer transmission, provided\n    you inform other peers where the object code and Corresponding\n    Source of the work are being offered to the general public at no\n    charge under subsection 6d.\n\n  A separable portion of the object code, whose source code is excluded\nfrom the Corresponding Source as a System Library, need not be\nincluded in conveying the object code work.\n\n  A \"User Product\" is either (1) a \"consumer product\", which means any\ntangible personal property which is normally used for personal, family,\nor household purposes, or (2) anything designed or sold for incorporation\ninto a dwelling.  In determining whether a product is a consumer product,\ndoubtful cases shall be resolved in favor of coverage.  For a particular\nproduct received by a particular user, \"normally used\" refers to a\ntypical or common use of that class of product, regardless of the status\nof the particular user or of the way in which the particular user\nactually uses, or expects or is expected to use, the product.  A product\nis a consumer product regardless of whether the product has substantial\ncommercial, industrial or non-consumer uses, unless such uses represent\nthe only significant mode of use of the product.\n\n  \"Installation Information\" for a User Product means any methods,\nprocedures, authorization keys, or other information required to install\nand execute modified versions of a covered work in that User Product from\na modified version of its Corresponding Source.  The information must\nsuffice to ensure that the continued functioning of the modified object\ncode is in no case prevented or interfered with solely because\nmodification has been made.\n\n  If you convey an object code work under this section in, or with, or\nspecifically for use in, a User Product, and the conveying occurs as\npart of a transaction in which the right of possession and use of the\nUser Product is transferred to the recipient in perpetuity or for a\nfixed term (regardless of how the transaction is characterized), the\nCorresponding Source conveyed under this section must be accompanied\nby the Installation Information.  But this requirement does not apply\nif neither you nor any third party retains the ability to install\nmodified object code on the User Product (for example, the work has\nbeen installed in ROM).\n\n  The requirement to provide Installation Information does not include a\nrequirement to continue to provide support service, warranty, or updates\nfor a work that has been modified or installed by the recipient, or for\nthe User Product in which it has been modified or installed.  Access to a\nnetwork may be denied when the modification itself materially and\nadversely affects the operation of the network or violates the rules and\nprotocols for communication across the network.\n\n  Corresponding Source conveyed, and Installation Information provided,\nin accord with this section must be in a format that is publicly\ndocumented (and with an implementation available to the public in\nsource code form), and must require no special password or key for\nunpacking, reading or copying.\n\n  7. Additional Terms.\n\n  \"Additional permissions\" are terms that supplement the terms of this\nLicense by making exceptions from one or more of its conditions.\nAdditional permissions that are applicable to the entire Program shall\nbe treated as though they were included in this License, to the extent\nthat they are valid under applicable law.  If additional permissions\napply only to part of the Program, that part may be used separately\nunder those permissions, but the entire Program remains governed by\nthis License without regard to the additional permissions.\n\n  When you convey a copy of a covered work, you may at your option\nremove any additional permissions from that copy, or from any part of\nit.  (Additional permissions may be written to require their own\nremoval in certain cases when you modify the work.)  You may place\nadditional permissions on material, added by you to a covered work,\nfor which you have or can give appropriate copyright permission.\n\n  Notwithstanding any other provision of this License, for material you\nadd to a covered work, you may (if authorized by the copyright holders of\nthat material) supplement the terms of this License with terms:\n\n    a) Disclaiming warranty or limiting liability differently from the\n    terms of sections 15 and 16 of this License; or\n\n    b) Requiring preservation of specified reasonable legal notices or\n    author attributions in that material or in the Appropriate Legal\n    Notices displayed by works containing it; or\n\n    c) Prohibiting misrepresentation of the origin of that material, or\n    requiring that modified versions of such material be marked in\n    reasonable ways as different from the original version; or\n\n    d) Limiting the use for publicity purposes of names of licensors or\n    authors of the material; or\n\n    e) Declining to grant rights under trademark law for use of some\n    trade names, trademarks, or service marks; or\n\n    f) Requiring indemnification of licensors and authors of that\n    material by anyone who conveys the material (or modified versions of\n    it) with contractual assumptions of liability to the recipient, for\n    any liability that these contractual assumptions directly impose on\n    those licensors and authors.\n\n  All other non-permissive additional terms are considered \"further\nrestrictions\" within the meaning of section 10.  If the Program as you\nreceived it, or any part of it, contains a notice stating that it is\ngoverned by this License along with a term that is a further\nrestriction, you may remove that term.  If a license document contains\na further restriction but permits relicensing or conveying under this\nLicense, you may add to a covered work material governed by the terms\nof that license document, provided that the further restriction does\nnot survive such relicensing or conveying.\n\n  If you add terms to a covered work in accord with this section, you\nmust place, in the relevant source files, a statement of the\nadditional terms that apply to those files, or a notice indicating\nwhere to find the applicable terms.\n\n  Additional terms, permissive or non-permissive, may be stated in the\nform of a separately written license, or stated as exceptions;\nthe above requirements apply either way.\n\n  8. Termination.\n\n  You may not propagate or modify a covered work except as expressly\nprovided under this License.  Any attempt otherwise to propagate or\nmodify it is void, and will automatically terminate your rights under\nthis License (including any patent licenses granted under the third\nparagraph of section 11).\n\n  However, if you cease all violation of this License, then your\nlicense from a particular copyright holder is reinstated (a)\nprovisionally, unless and until the copyright holder explicitly and\nfinally terminates your license, and (b) permanently, if the copyright\nholder fails to notify you of the violation by some reasonable means\nprior to 60 days after the cessation.\n\n  Moreover, your license from a particular copyright holder is\nreinstated permanently if the copyright holder notifies you of the\nviolation by some reasonable means, this is the first time you have\nreceived notice of violation of this License (for any work) from that\ncopyright holder, and you cure the violation prior to 30 days after\nyour receipt of the notice.\n\n  Termination of your rights under this section does not terminate the\nlicenses of parties who have received copies or rights from you under\nthis License.  If your rights have been terminated and not permanently\nreinstated, you do not qualify to receive new licenses for the same\nmaterial under section 10.\n\n  9. Acceptance Not Required for Having Copies.\n\n  You are not required to accept this License in order to receive or\nrun a copy of the Program.  Ancillary propagation of a covered work\noccurring solely as a consequence of using peer-to-peer transmission\nto receive a copy likewise does not require acceptance.  However,\nnothing other than this License grants you permission to propagate or\nmodify any covered work.  These actions infringe copyright if you do\nnot accept this License.  Therefore, by modifying or propagating a\ncovered work, you indicate your acceptance of this License to do so.\n\n  10. Automatic Licensing of Downstream Recipients.\n\n  Each time you convey a covered work, the recipient automatically\nreceives a license from the original licensors, to run, modify and\npropagate that work, subject to this License.  You are not responsible\nfor enforcing compliance by third parties with this License.\n\n  An \"entity transaction\" is a transaction transferring control of an\norganization, or substantially all assets of one, or subdividing an\norganization, or merging organizations.  If propagation of a covered\nwork results from an entity transaction, each party to that\ntransaction who receives a copy of the work also receives whatever\nlicenses to the work the party's predecessor in interest had or could\ngive under the previous paragraph, plus a right to possession of the\nCorresponding Source of the work from the predecessor in interest, if\nthe predecessor has it or can get it with reasonable efforts.\n\n  You may not impose any further restrictions on the exercise of the\nrights granted or affirmed under this License.  For example, you may\nnot impose a license fee, royalty, or other charge for exercise of\nrights granted under this License, and you may not initiate litigation\n(including a cross-claim or counterclaim in a lawsuit) alleging that\nany patent claim is infringed by making, using, selling, offering for\nsale, or importing the Program or any portion of it.\n\n  11. Patents.\n\n  A \"contributor\" is a copyright holder who authorizes use under this\nLicense of the Program or a work on which the Program is based.  The\nwork thus licensed is called the contributor's \"contributor version\".\n\n  A contributor's \"essential patent claims\" are all patent claims\nowned or controlled by the contributor, whether already acquired or\nhereafter acquired, that would be infringed by some manner, permitted\nby this License, of making, using, or selling its contributor version,\nbut do not include claims that would be infringed only as a\nconsequence of further modification of the contributor version.  For\npurposes of this definition, \"control\" includes the right to grant\npatent sublicenses in a manner consistent with the requirements of\nthis License.\n\n  Each contributor grants you a non-exclusive, worldwide, royalty-free\npatent license under the contributor's essential patent claims, to\nmake, use, sell, offer for sale, import and otherwise run, modify and\npropagate the contents of its contributor version.\n\n  In the following three paragraphs, a \"patent license\" is any express\nagreement or commitment, however denominated, not to enforce a patent\n(such as an express permission to practice a patent or covenant not to\nsue for patent infringement).  To \"grant\" such a patent license to a\nparty means to make such an agreement or commitment not to enforce a\npatent against the party.\n\n  If you convey a covered work, knowingly relying on a patent license,\nand the Corresponding Source of the work is not available for anyone\nto copy, free of charge and under the terms of this License, through a\npublicly available network server or other readily accessible means,\nthen you must either (1) cause the Corresponding Source to be so\navailable, or (2) arrange to deprive yourself of the benefit of the\npatent license for this particular work, or (3) arrange, in a manner\nconsistent with the requirements of this License, to extend the patent\nlicense to downstream recipients.  \"Knowingly relying\" means you have\nactual knowledge that, but for the patent license, your conveying the\ncovered work in a country, or your recipient's use of the covered work\nin a country, would infringe one or more identifiable patents in that\ncountry that you have reason to believe are valid.\n\n  If, pursuant to or in connection with a single transaction or\narrangement, you convey, or propagate by procuring conveyance of, a\ncovered work, and grant a patent license to some of the parties\nreceiving the covered work authorizing them to use, propagate, modify\nor convey a specific copy of the covered work, then the patent license\nyou grant is automatically extended to all recipients of the covered\nwork and works based on it.\n\n  A patent license is \"discriminatory\" if it does not include within\nthe scope of its coverage, prohibits the exercise of, or is\nconditioned on the non-exercise of one or more of the rights that are\nspecifically granted under this License.  You may not convey a covered\nwork if you are a party to an arrangement with a third party that is\nin the business of distributing software, under which you make payment\nto the third party based on the extent of your activity of conveying\nthe work, and under which the third party grants, to any of the\nparties who would receive the covered work from you, a discriminatory\npatent license (a) in connection with copies of the covered work\nconveyed by you (or copies made from those copies), or (b) primarily\nfor and in connection with specific products or compilations that\ncontain the covered work, unless you entered into that arrangement,\nor that patent license was granted, prior to 28 March 2007.\n\n  Nothing in this License shall be construed as excluding or limiting\nany implied license or other defenses to infringement that may\notherwise be available to you under applicable patent law.\n\n  12. No Surrender of Others' Freedom.\n\n  If conditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot convey a\ncovered work so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you may\nnot convey it at all.  For example, if you agree to terms that obligate you\nto collect a royalty for further conveying from those to whom you convey\nthe Program, the only way you could satisfy both those terms and this\nLicense would be to refrain entirely from conveying the Program.\n\n  13. Use with the GNU Affero General Public License.\n\n  Notwithstanding any other provision of this License, you have\npermission to link or combine any covered work with a work licensed\nunder version 3 of the GNU Affero General Public License into a single\ncombined work, and to convey the resulting work.  The terms of this\nLicense will continue to apply to the part which is the covered work,\nbut the special requirements of the GNU Affero General Public License,\nsection 13, concerning interaction through a network will apply to the\ncombination as such.\n\n  14. Revised Versions of this License.\n\n  The Free Software Foundation may publish revised and/or new versions of\nthe GNU General Public License from time to time.  Such new versions will\nbe similar in spirit to the present version, but may differ in detail to\naddress new problems or concerns.\n\n  Each version is given a distinguishing version number.  If the\nProgram specifies that a certain numbered version of the GNU General\nPublic License \"or any later version\" applies to it, you have the\noption of following the terms and conditions either of that numbered\nversion or of any later version published by the Free Software\nFoundation.  If the Program does not specify a version number of the\nGNU General Public License, you may choose any version ever published\nby the Free Software Foundation.\n\n  If the Program specifies that a proxy can decide which future\nversions of the GNU General Public License can be used, that proxy's\npublic statement of acceptance of a version permanently authorizes you\nto choose that version for the Program.\n\n  Later license versions may give you additional or different\npermissions.  However, no additional obligations are imposed on any\nauthor or copyright holder as a result of your choosing to follow a\nlater version.\n\n  15. Disclaimer of Warranty.\n\n  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY\nAPPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT\nHOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM \"AS IS\" WITHOUT WARRANTY\nOF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,\nTHE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR\nPURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM\nIS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF\nALL NECESSARY SERVICING, REPAIR OR CORRECTION.\n\n  16. Limitation of Liability.\n\n  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS\nTHE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY\nGENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE\nUSE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF\nDATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD\nPARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),\nEVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGES.\n\n  17. Interpretation of Sections 15 and 16.\n\n  If the disclaimer of warranty and limitation of liability provided\nabove cannot be given local legal effect according to their terms,\nreviewing courts shall apply local law that most closely approximates\nan absolute waiver of all civil liability in connection with the\nProgram, unless a warranty or assumption of liability accompanies a\ncopy of the Program in return for a fee.\n\n                     END OF TERMS AND CONDITIONS\n\n            How to Apply These Terms to Your New Programs\n\n  If you develop a new program, and you want it to be of the greatest\npossible use to the public, the best way to achieve this is to make it\nfree software which everyone can redistribute and change under these terms.\n\n  To do so, attach the following notices to the program.  It is safest\nto attach them to the start of each source file to most effectively\nstate the exclusion of warranty; and each file should have at least\nthe \"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the program's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This program is free software: you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation, either version 3 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License\n    along with this program.  If not, see <http://www.gnu.org/licenses/>.\n\nAlso add information on how to contact you by electronic and paper mail.\n\n  If the program does terminal interaction, make it output a short\nnotice like this when it starts in an interactive mode:\n\n    <program>  Copyright (C) <year>  <name of author>\n    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.\n    This is free software, and you are welcome to redistribute it\n    under certain conditions; type `show c' for details.\n\nThe hypothetical commands `show w' and `show c' should show the appropriate\nparts of the General Public License.  Of course, your program's commands\nmight be different; for a GUI interface, you would use an \"about box\".\n\n  You should also get your employer (if you work as a programmer) or school,\nif any, to sign a \"copyright disclaimer\" for the program, if necessary.\nFor more information on this, and how to apply and follow the GNU GPL, see\n<http://www.gnu.org/licenses/>.\n\n  The GNU General Public License does not permit incorporating your program\ninto proprietary programs.  If your program is a subroutine library, you\nmay consider it more useful to permit linking proprietary applications with\nthe library.  If this is what you want to do, use the GNU Lesser General\nPublic License instead of this License.  But first, please read\n<http://www.gnu.org/philosophy/why-not-lgpl.html>.\n\n\n--------------- SECTION 4: GNU General Public License, V2.0 -----------\n\n\t\t    GNU GENERAL PUBLIC LICENSE\n\t\t       Version 2, June 1991\n\n Copyright (C) 1989, 1991 Free Software Foundation, Inc.,\n 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n\t\t\t    Preamble\n\n  The licenses for most software are designed to take away your\nfreedom to share and change it.  By contrast, the GNU General Public\nLicense is intended to guarantee your freedom to share and change free\nsoftware--to make sure the software is free for all its users.  This\nGeneral Public License applies to most of the Free Software\nFoundation's software and to any other program whose authors commit to\nusing it.  (Some other Free Software Foundation software is covered by\nthe GNU Lesser General Public License instead.)  You can apply it to\nyour programs, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthis service if you wish), that you receive source code or can get it\nif you want it, that you can change the software or use pieces of it\nin new free programs; and that you know you can do these things.\n\n  To protect your rights, we need to make restrictions that forbid\nanyone to deny you these rights or to ask you to surrender the rights.\nThese restrictions translate to certain responsibilities for you if you\ndistribute copies of the software, or if you modify it.\n\n  For example, if you distribute copies of such a program, whether\ngratis or for a fee, you must give the recipients all the rights that\nyou have.  You must make sure that they, too, receive or can get the\nsource code.  And you must show them these terms so they know their\nrights.\n\n  We protect your rights with two steps: (1) copyright the software, and\n(2) offer you this license which gives you legal permission to copy,\ndistribute and/or modify the software.\n\n  Also, for each author's protection and ours, we want to make certain\nthat everyone understands that there is no warranty for this free\nsoftware.  If the software is modified by someone else and passed on, we\nwant its recipients to know that what they have is not the original, so\nthat any problems introduced by others will not reflect on the original\nauthors' reputations.\n\n  Finally, any free program is threatened constantly by software\npatents.  We wish to avoid the danger that redistributors of a free\nprogram will individually obtain patent licenses, in effect making the\nprogram proprietary.  To prevent this, we have made it clear that any\npatent must be licensed for everyone's free use or not licensed at all.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.\n\n\t\t    GNU GENERAL PUBLIC LICENSE\n   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION\n\n  0. This License applies to any program or other work which contains\na notice placed by the copyright holder saying it may be distributed\nunder the terms of this General Public License.  The \"Program\", below,\nrefers to any such program or work, and a \"work based on the Program\"\nmeans either the Program or any derivative work under copyright law:\nthat is to say, a work containing the Program or a portion of it,\neither verbatim or with modifications and/or translated into another\nlanguage.  (Hereinafter, translation is included without limitation in\nthe term \"modification\".)  Each licensee is addressed as \"you\".\n\nActivities other than copying, distribution and modification are not\ncovered by this License; they are outside its scope.  The act of\nrunning the Program is not restricted, and the output from the Program\nis covered only if its contents constitute a work based on the\nProgram (independent of having been made by running the Program).\nWhether that is true depends on what the Program does.\n\n  1. You may copy and distribute verbatim copies of the Program's\nsource code as you receive it, in any medium, provided that you\nconspicuously and appropriately publish on each copy an appropriate\ncopyright notice and disclaimer of warranty; keep intact all the\nnotices that refer to this License and to the absence of any warranty;\nand give any other recipients of the Program a copy of this License\nalong with the Program.\n\nYou may charge a fee for the physical act of transferring a copy, and\nyou may at your option offer warranty protection in exchange for a fee.\n\n  2. You may modify your copy or copies of the Program or any portion\nof it, thus forming a work based on the Program, and copy and\ndistribute such modifications or work under the terms of Section 1\nabove, provided that you also meet all of these conditions:\n\n    a) You must cause the modified files to carry prominent notices\n    stating that you changed the files and the date of any change.\n\n    b) You must cause any work that you distribute or publish, that in\n    whole or in part contains or is derived from the Program or any\n    part thereof, to be licensed as a whole at no charge to all third\n    parties under the terms of this License.\n\n    c) If the modified program normally reads commands interactively\n    when run, you must cause it, when started running for such\n    interactive use in the most ordinary way, to print or display an\n    announcement including an appropriate copyright notice and a\n    notice that there is no warranty (or else, saying that you provide\n    a warranty) and that users may redistribute the program under\n    these conditions, and telling the user how to view a copy of this\n    License.  (Exception: if the Program itself is interactive but\n    does not normally print such an announcement, your work based on\n    the Program is not required to print an announcement.)\n\nThese requirements apply to the modified work as a whole.  If\nidentifiable sections of that work are not derived from the Program,\nand can be reasonably considered independent and separate works in\nthemselves, then this License, and its terms, do not apply to those\nsections when you distribute them as separate works.  But when you\ndistribute the same sections as part of a whole which is a work based\non the Program, the distribution of the whole must be on the terms of\nthis License, whose permissions for other licensees extend to the\nentire whole, and thus to each and every part regardless of who wrote it.\n\nThus, it is not the intent of this section to claim rights or contest\nyour rights to work written entirely by you; rather, the intent is to\nexercise the right to control the distribution of derivative or\ncollective works based on the Program.\n\nIn addition, mere aggregation of another work not based on the Program\nwith the Program (or with a work based on the Program) on a volume of\na storage or distribution medium does not bring the other work under\nthe scope of this License.\n\n  3. You may copy and distribute the Program (or a work based on it,\nunder Section 2) in object code or executable form under the terms of\nSections 1 and 2 above provided that you also do one of the following:\n\n    a) Accompany it with the complete corresponding machine-readable\n    source code, which must be distributed under the terms of Sections\n    1 and 2 above on a medium customarily used for software interchange; or,\n\n    b) Accompany it with a written offer, valid for at least three\n    years, to give any third party, for a charge no more than your\n    cost of physically performing source distribution, a complete\n    machine-readable copy of the corresponding source code, to be\n    distributed under the terms of Sections 1 and 2 above on a medium\n    customarily used for software interchange; or,\n\n    c) Accompany it with the information you received as to the offer\n    to distribute corresponding source code.  (This alternative is\n    allowed only for noncommercial distribution and only if you\n    received the program in object code or executable form with such\n    an offer, in accord with Subsection b above.)\n\nThe source code for a work means the preferred form of the work for\nmaking modifications to it.  For an executable work, complete source\ncode means all the source code for all modules it contains, plus any\nassociated interface definition files, plus the scripts used to\ncontrol compilation and installation of the executable.  However, as a\nspecial exception, the source code distributed need not include\nanything that is normally distributed (in either source or binary\nform) with the major components (compiler, kernel, and so on) of the\noperating system on which the executable runs, unless that component\nitself accompanies the executable.\n\nIf distribution of executable or object code is made by offering\naccess to copy from a designated place, then offering equivalent\naccess to copy the source code from the same place counts as\ndistribution of the source code, even though third parties are not\ncompelled to copy the source along with the object code.\n\n  4. You may not copy, modify, sublicense, or distribute the Program\nexcept as expressly provided under this License.  Any attempt\notherwise to copy, modify, sublicense or distribute the Program is\nvoid, and will automatically terminate your rights under this License.\nHowever, parties who have received copies, or rights, from you under\nthis License will not have their licenses terminated so long as such\nparties remain in full compliance.\n\n  5. You are not required to accept this License, since you have not\nsigned it.  However, nothing else grants you permission to modify or\ndistribute the Program or its derivative works.  These actions are\nprohibited by law if you do not accept this License.  Therefore, by\nmodifying or distributing the Program (or any work based on the\nProgram), you indicate your acceptance of this License to do so, and\nall its terms and conditions for copying, distributing or modifying\nthe Program or works based on it.\n\n  6. Each time you redistribute the Program (or any work based on the\nProgram), the recipient automatically receives a license from the\noriginal licensor to copy, distribute or modify the Program subject to\nthese terms and conditions.  You may not impose any further\nrestrictions on the recipients' exercise of the rights granted herein.\nYou are not responsible for enforcing compliance by third parties to\nthis License.\n\n  7. If, as a consequence of a court judgment or allegation of patent\ninfringement or for any other reason (not limited to patent issues),\nconditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot\ndistribute so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you\nmay not distribute the Program at all.  For example, if a patent\nlicense would not permit royalty-free redistribution of the Program by\nall those who receive copies directly or indirectly through you, then\nthe only way you could satisfy both it and this License would be to\nrefrain entirely from distribution of the Program.\n\nIf any portion of this section is held invalid or unenforceable under\nany particular circumstance, the balance of the section is intended to\napply and the section as a whole is intended to apply in other\ncircumstances.\n\nIt is not the purpose of this section to induce you to infringe any\npatents or other property right claims or to contest validity of any\nsuch claims; this section has the sole purpose of protecting the\nintegrity of the free software distribution system, which is\nimplemented by public license practices.  Many people have made\ngenerous contributions to the wide range of software distributed\nthrough that system in reliance on consistent application of that\nsystem; it is up to the author/donor to decide if he or she is willing\nto distribute software through any other system and a licensee cannot\nimpose that choice.\n\nThis section is intended to make thoroughly clear what is believed to\nbe a consequence of the rest of this License.\n\n  8. If the distribution and/or use of the Program is restricted in\ncertain countries either by patents or by copyrighted interfaces, the\noriginal copyright holder who places the Program under this License\nmay add an explicit geographical distribution limitation excluding\nthose countries, so that distribution is permitted only in or among\ncountries not thus excluded.  In such case, this License incorporates\nthe limitation as if written in the body of this License.\n\n  9. The Free Software Foundation may publish revised and/or new versions\nof the General Public License from time to time.  Such new versions will\nbe similar in spirit to the present version, but may differ in detail to\naddress new problems or concerns.\n\nEach version is given a distinguishing version number.  If the Program\nspecifies a version number of this License which applies to it and \"any\nlater version\", you have the option of following the terms and conditions\neither of that version or of any later version published by the Free\nSoftware Foundation.  If the Program does not specify a version number of\nthis License, you may choose any version ever published by the Free Software\nFoundation.\n\n  10. If you wish to incorporate parts of the Program into other free\nprograms whose distribution conditions are different, write to the author\nto ask for permission.  For software which is copyrighted by the Free\nSoftware Foundation, write to the Free Software Foundation; we sometimes\nmake exceptions for this.  Our decision will be guided by the two goals\nof preserving the free status of all derivatives of our free software and\nof promoting the sharing and reuse of software generally.\n\n\t\t\t    NO WARRANTY\n\n  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY\nFOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN\nOTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES\nPROVIDE THE PROGRAM \"AS IS\" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED\nOR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS\nTO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE\nPROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,\nREPAIR OR CORRECTION.\n\n  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR\nREDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,\nINCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING\nOUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED\nTO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY\nYOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER\nPROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE\nPOSSIBILITY OF SUCH DAMAGES.\n\n\t\t     END OF TERMS AND CONDITIONS\n\n\t    How to Apply These Terms to Your New Programs\n\n  If you develop a new program, and you want it to be of the greatest\npossible use to the public, the best way to achieve this is to make it\nfree software which everyone can redistribute and change under these terms.\n\n  To do so, attach the following notices to the program.  It is safest\nto attach them to the start of each source file to most effectively\nconvey the exclusion of warranty; and each file should have at least\nthe \"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the program's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This program is free software; you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation; either version 2 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License along\n    with this program; if not, write to the Free Software Foundation, Inc.,\n    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.\n\nAlso add information on how to contact you by electronic and paper mail.\n\nIf the program is interactive, make it output a short notice like this\nwhen it starts in an interactive mode:\n\n    Gnomovision version 69, Copyright (C) year name of author\n    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.\n    This is free software, and you are welcome to redistribute it\n    under certain conditions; type `show c' for details.\n\nThe hypothetical commands `show w' and `show c' should show the appropriate\nparts of the General Public License.  Of course, the commands you use may\nbe called something other than `show w' and `show c'; they could even be\nmouse-clicks or menu items--whatever suits your program.\n\nYou should also get your employer (if you work as a programmer) or your\nschool, if any, to sign a \"copyright disclaimer\" for the program, if\nnecessary.  Here is a sample; alter the names:\n\n  Yoyodyne, Inc., hereby disclaims all copyright interest in the program\n  `Gnomovision' (which makes passes at compilers) written by James Hacker.\n\n  <signature of Ty Coon>, 1 April 1989\n  Ty Coon, President of Vice\n\nThis General Public License does not permit incorporating your program into\nproprietary programs.  If your program is a subroutine library, you may\nconsider it more useful to permit linking proprietary applications with the\nlibrary.  If this is what you want to do, use the GNU Lesser General\nPublic License instead of this License.\n\n\n--------------- SECTION 5: GNU Library General Public License, V2.0 -----------\n\n\t\t  GNU LIBRARY GENERAL PUBLIC LICENSE\n\t\t       Version 2, June 1991\n\n Copyright (C) 1991 Free Software Foundation, Inc.\n 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n[This is the first released version of the library GPL.  It is\n numbered 2 because it goes with version 2 of the ordinary GPL.]\n\n\t\t\t    Preamble\n\n  The licenses for most software are designed to take away your\nfreedom to share and change it.  By contrast, the GNU General Public\nLicenses are intended to guarantee your freedom to share and change\nfree software--to make sure the software is free for all its users.\n\n  This license, the Library General Public License, applies to some\nspecially designated Free Software Foundation software, and to any\nother libraries whose authors decide to use it.  You can use it for\nyour libraries, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthis service if you wish), that you receive source code or can get it\nif you want it, that you can change the software or use pieces of it\nin new free programs; and that you know you can do these things.\n\n  To protect your rights, we need to make restrictions that forbid\nanyone to deny you these rights or to ask you to surrender the rights.\nThese restrictions translate to certain responsibilities for you if\nyou distribute copies of the library, or if you modify it.\n\n  For example, if you distribute copies of the library, whether gratis\nor for a fee, you must give the recipients all the rights that we gave\nyou.  You must make sure that they, too, receive or can get the source\ncode.  If you link a program with the library, you must provide\ncomplete object files to the recipients so that they can relink them\nwith the library, after making changes to the library and recompiling\nit.  And you must show them these terms so they know their rights.\n\n  Our method of protecting your rights has two steps: (1) copyright\nthe library, and (2) offer you this license which gives you legal\npermission to copy, distribute and/or modify the library.\n\n  Also, for each distributor's protection, we want to make certain\nthat everyone understands that there is no warranty for this free\nlibrary.  If the library is modified by someone else and passed on, we\nwant its recipients to know that what they have is not the original\nversion, so that any problems introduced by others will not reflect on\nthe original authors' reputations.\n\n  Finally, any free program is threatened constantly by software\npatents.  We wish to avoid the danger that companies distributing free\nsoftware will individually obtain patent licenses, thus in effect\ntransforming the program into proprietary software.  To prevent this,\nwe have made it clear that any patent must be licensed for everyone's\nfree use or not licensed at all.\n\n  Most GNU software, including some libraries, is covered by the ordinary\nGNU General Public License, which was designed for utility programs.  This\nlicense, the GNU Library General Public License, applies to certain\ndesignated libraries.  This license is quite different from the ordinary\none; be sure to read it in full, and don't assume that anything in it is\nthe same as in the ordinary license.\n\n  The reason we have a separate public license for some libraries is that\nthey blur the distinction we usually make between modifying or adding to a\nprogram and simply using it.  Linking a program with a library, without\nchanging the library, is in some sense simply using the library, and is\nanalogous to running a utility program or application program.  However, in\na textual and legal sense, the linked executable is a combined work, a\nderivative of the original library, and the ordinary General Public License\ntreats it as such.\n\n  Because of this blurred distinction, using the ordinary General\nPublic License for libraries did not effectively promote software\nsharing, because most developers did not use the libraries.  We\nconcluded that weaker conditions might promote sharing better.\n\n  However, unrestricted linking of non-free programs would deprive the\nusers of those programs of all benefit from the free status of the\nlibraries themselves.  This Library General Public License is intended to\npermit developers of non-free programs to use free libraries, while\npreserving your freedom as a user of such programs to change the free\nlibraries that are incorporated in them.  (We have not seen how to achieve\nthis as regards changes in header files, but we have achieved it as regards\nchanges in the actual functions of the Library.)  The hope is that this\nwill lead to faster development of free libraries.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.  Pay close attention to the difference between a\n\"work based on the library\" and a \"work that uses the library\".  The\nformer contains code derived from the library, while the latter only\nworks together with the library.\n\n  Note that it is possible for a library to be covered by the ordinary\nGeneral Public License rather than by this special one.\n\n\t\t  GNU LIBRARY GENERAL PUBLIC LICENSE\n   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION\n\n  0. This License Agreement applies to any software library which\ncontains a notice placed by the copyright holder or other authorized\nparty saying it may be distributed under the terms of this Library\nGeneral Public License (also called \"this License\").  Each licensee is\naddressed as \"you\".\n\n  A \"library\" means a collection of software functions and/or data\nprepared so as to be conveniently linked with application programs\n(which use some of those functions and data) to form executables.\n\n  The \"Library\", below, refers to any such software library or work\nwhich has been distributed under these terms.  A \"work based on the\nLibrary\" means either the Library or any derivative work under\ncopyright law: that is to say, a work containing the Library or a\nportion of it, either verbatim or with modifications and/or translated\nstraightforwardly into another language.  (Hereinafter, translation is\nincluded without limitation in the term \"modification\".)\n\n  \"Source code\" for a work means the preferred form of the work for\nmaking modifications to it.  For a library, complete source code means\nall the source code for all modules it contains, plus any associated\ninterface definition files, plus the scripts used to control compilation\nand installation of the library.\n\n  Activities other than copying, distribution and modification are not\ncovered by this License; they are outside its scope.  The act of\nrunning a program using the Library is not restricted, and output from\nsuch a program is covered only if its contents constitute a work based\non the Library (independent of the use of the Library in a tool for\nwriting it).  Whether that is true depends on what the Library does\nand what the program that uses the Library does.\n  \n  1. You may copy and distribute verbatim copies of the Library's\ncomplete source code as you receive it, in any medium, provided that\nyou conspicuously and appropriately publish on each copy an\nappropriate copyright notice and disclaimer of warranty; keep intact\nall the notices that refer to this License and to the absence of any\nwarranty; and distribute a copy of this License along with the\nLibrary.\n\n  You may charge a fee for the physical act of transferring a copy,\nand you may at your option offer warranty protection in exchange for a\nfee.\n\n  2. You may modify your copy or copies of the Library or any portion\nof it, thus forming a work based on the Library, and copy and\ndistribute such modifications or work under the terms of Section 1\nabove, provided that you also meet all of these conditions:\n\n    a) The modified work must itself be a software library.\n\n    b) You must cause the files modified to carry prominent notices\n    stating that you changed the files and the date of any change.\n\n    c) You must cause the whole of the work to be licensed at no\n    charge to all third parties under the terms of this License.\n\n    d) If a facility in the modified Library refers to a function or a\n    table of data to be supplied by an application program that uses\n    the facility, other than as an argument passed when the facility\n    is invoked, then you must make a good faith effort to ensure that,\n    in the event an application does not supply such function or\n    table, the facility still operates, and performs whatever part of\n    its purpose remains meaningful.\n\n    (For example, a function in a library to compute square roots has\n    a purpose that is entirely well-defined independent of the\n    application.  Therefore, Subsection 2d requires that any\n    application-supplied function or table used by this function must\n    be optional: if the application does not supply it, the square\n    root function must still compute square roots.)\n\nThese requirements apply to the modified work as a whole.  If\nidentifiable sections of that work are not derived from the Library,\nand can be reasonably considered independent and separate works in\nthemselves, then this License, and its terms, do not apply to those\nsections when you distribute them as separate works.  But when you\ndistribute the same sections as part of a whole which is a work based\non the Library, the distribution of the whole must be on the terms of\nthis License, whose permissions for other licensees extend to the\nentire whole, and thus to each and every part regardless of who wrote\nit.\n\nThus, it is not the intent of this section to claim rights or contest\nyour rights to work written entirely by you; rather, the intent is to\nexercise the right to control the distribution of derivative or\ncollective works based on the Library.\n\nIn addition, mere aggregation of another work not based on the Library\nwith the Library (or with a work based on the Library) on a volume of\na storage or distribution medium does not bring the other work under\nthe scope of this License.\n\n  3. You may opt to apply the terms of the ordinary GNU General Public\nLicense instead of this License to a given copy of the Library.  To do\nthis, you must alter all the notices that refer to this License, so\nthat they refer to the ordinary GNU General Public License, version 2,\ninstead of to this License.  (If a newer version than version 2 of the\nordinary GNU General Public License has appeared, then you can specify\nthat version instead if you wish.)  Do not make any other change in\nthese notices.\n\n  Once this change is made in a given copy, it is irreversible for\nthat copy, so the ordinary GNU General Public License applies to all\nsubsequent copies and derivative works made from that copy.\n\n  This option is useful when you wish to copy part of the code of\nthe Library into a program that is not a library.\n\n  4. You may copy and distribute the Library (or a portion or\nderivative of it, under Section 2) in object code or executable form\nunder the terms of Sections 1 and 2 above provided that you accompany\nit with the complete corresponding machine-readable source code, which\nmust be distributed under the terms of Sections 1 and 2 above on a\nmedium customarily used for software interchange.\n\n  If distribution of object code is made by offering access to copy\nfrom a designated place, then offering equivalent access to copy the\nsource code from the same place satisfies the requirement to\ndistribute the source code, even though third parties are not\ncompelled to copy the source along with the object code.\n\n  5. A program that contains no derivative of any portion of the\nLibrary, but is designed to work with the Library by being compiled or\nlinked with it, is called a \"work that uses the Library\".  Such a\nwork, in isolation, is not a derivative work of the Library, and\ntherefore falls outside the scope of this License.\n\n  However, linking a \"work that uses the Library\" with the Library\ncreates an executable that is a derivative of the Library (because it\ncontains portions of the Library), rather than a \"work that uses the\nlibrary\".  The executable is therefore covered by this License.\nSection 6 states terms for distribution of such executables.\n\n  When a \"work that uses the Library\" uses material from a header file\nthat is part of the Library, the object code for the work may be a\nderivative work of the Library even though the source code is not.\nWhether this is true is especially significant if the work can be\nlinked without the Library, or if the work is itself a library.  The\nthreshold for this to be true is not precisely defined by law.\n\n  If such an object file uses only numerical parameters, data\nstructure layouts and accessors, and small macros and small inline\nfunctions (ten lines or less in length), then the use of the object\nfile is unrestricted, regardless of whether it is legally a derivative\nwork.  (Executables containing this object code plus portions of the\nLibrary will still fall under Section 6.)\n\n  Otherwise, if the work is a derivative of the Library, you may\ndistribute the object code for the work under the terms of Section 6.\nAny executables containing that work also fall under Section 6,\nwhether or not they are linked directly with the Library itself.\n\n  6. As an exception to the Sections above, you may also compile or\nlink a \"work that uses the Library\" with the Library to produce a\nwork containing portions of the Library, and distribute that work\nunder terms of your choice, provided that the terms permit\nmodification of the work for the customer's own use and reverse\nengineering for debugging such modifications.\n\n  You must give prominent notice with each copy of the work that the\nLibrary is used in it and that the Library and its use are covered by\nthis License.  You must supply a copy of this License.  If the work\nduring execution displays copyright notices, you must include the\ncopyright notice for the Library among them, as well as a reference\ndirecting the user to the copy of this License.  Also, you must do one\nof these things:\n\n    a) Accompany the work with the complete corresponding\n    machine-readable source code for the Library including whatever\n    changes were used in the work (which must be distributed under\n    Sections 1 and 2 above); and, if the work is an executable linked\n    with the Library, with the complete machine-readable \"work that\n    uses the Library\", as object code and/or source code, so that the\n    user can modify the Library and then relink to produce a modified\n    executable containing the modified Library.  (It is understood\n    that the user who changes the contents of definitions files in the\n    Library will not necessarily be able to recompile the application\n    to use the modified definitions.)\n\n    b) Accompany the work with a written offer, valid for at\n    least three years, to give the same user the materials\n    specified in Subsection 6a, above, for a charge no more\n    than the cost of performing this distribution.\n\n    c) If distribution of the work is made by offering access to copy\n    from a designated place, offer equivalent access to copy the above\n    specified materials from the same place.\n\n    d) Verify that the user has already received a copy of these\n    materials or that you have already sent this user a copy.\n\n  For an executable, the required form of the \"work that uses the\nLibrary\" must include any data and utility programs needed for\nreproducing the executable from it.  However, as a special exception,\nthe source code distributed need not include anything that is normally\ndistributed (in either source or binary form) with the major\ncomponents (compiler, kernel, and so on) of the operating system on\nwhich the executable runs, unless that component itself accompanies\nthe executable.\n\n  It may happen that this requirement contradicts the license\nrestrictions of other proprietary libraries that do not normally\naccompany the operating system.  Such a contradiction means you cannot\nuse both them and the Library together in an executable that you\ndistribute.\n\n  7. You may place library facilities that are a work based on the\nLibrary side-by-side in a single library together with other library\nfacilities not covered by this License, and distribute such a combined\nlibrary, provided that the separate distribution of the work based on\nthe Library and of the other library facilities is otherwise\npermitted, and provided that you do these two things:\n\n    a) Accompany the combined library with a copy of the same work\n    based on the Library, uncombined with any other library\n    facilities.  This must be distributed under the terms of the\n    Sections above.\n\n    b) Give prominent notice with the combined library of the fact\n    that part of it is a work based on the Library, and explaining\n    where to find the accompanying uncombined form of the same work.\n\n  8. You may not copy, modify, sublicense, link with, or distribute\nthe Library except as expressly provided under this License.  Any\nattempt otherwise to copy, modify, sublicense, link with, or\ndistribute the Library is void, and will automatically terminate your\nrights under this License.  However, parties who have received copies,\nor rights, from you under this License will not have their licenses\nterminated so long as such parties remain in full compliance.\n\n  9. You are not required to accept this License, since you have not\nsigned it.  However, nothing else grants you permission to modify or\ndistribute the Library or its derivative works.  These actions are\nprohibited by law if you do not accept this License.  Therefore, by\nmodifying or distributing the Library (or any work based on the\nLibrary), you indicate your acceptance of this License to do so, and\nall its terms and conditions for copying, distributing or modifying\nthe Library or works based on it.\n\n  10. Each time you redistribute the Library (or any work based on the\nLibrary), the recipient automatically receives a license from the\noriginal licensor to copy, distribute, link with or modify the Library\nsubject to these terms and conditions.  You may not impose any further\nrestrictions on the recipients' exercise of the rights granted herein.\nYou are not responsible for enforcing compliance by third parties to\nthis License.\n\n  11. If, as a consequence of a court judgment or allegation of patent\ninfringement or for any other reason (not limited to patent issues),\nconditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot\ndistribute so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you\nmay not distribute the Library at all.  For example, if a patent\nlicense would not permit royalty-free redistribution of the Library by\nall those who receive copies directly or indirectly through you, then\nthe only way you could satisfy both it and this License would be to\nrefrain entirely from distribution of the Library.\n\nIf any portion of this section is held invalid or unenforceable under any\nparticular circumstance, the balance of the section is intended to apply,\nand the section as a whole is intended to apply in other circumstances.\n\nIt is not the purpose of this section to induce you to infringe any\npatents or other property right claims or to contest validity of any\nsuch claims; this section has the sole purpose of protecting the\nintegrity of the free software distribution system which is\nimplemented by public license practices.  Many people have made\ngenerous contributions to the wide range of software distributed\nthrough that system in reliance on consistent application of that\nsystem; it is up to the author/donor to decide if he or she is willing\nto distribute software through any other system and a licensee cannot\nimpose that choice.\n\nThis section is intended to make thoroughly clear what is believed to\nbe a consequence of the rest of this License.\n\n  12. If the distribution and/or use of the Library is restricted in\ncertain countries either by patents or by copyrighted interfaces, the\noriginal copyright holder who places the Library under this License may add\nan explicit geographical distribution limitation excluding those countries,\nso that distribution is permitted only in or among countries not thus\nexcluded.  In such case, this License incorporates the limitation as if\nwritten in the body of this License.\n\n  13. The Free Software Foundation may publish revised and/or new\nversions of the Library General Public License from time to time.\nSuch new versions will be similar in spirit to the present version,\nbut may differ in detail to address new problems or concerns.\n\nEach version is given a distinguishing version number.  If the Library\nspecifies a version number of this License which applies to it and\n\"any later version\", you have the option of following the terms and\nconditions either of that version or of any later version published by\nthe Free Software Foundation.  If the Library does not specify a\nlicense version number, you may choose any version ever published by\nthe Free Software Foundation.\n\n  14. If you wish to incorporate parts of the Library into other free\nprograms whose distribution conditions are incompatible with these,\nwrite to the author to ask for permission.  For software which is\ncopyrighted by the Free Software Foundation, write to the Free\nSoftware Foundation; we sometimes make exceptions for this.  Our\ndecision will be guided by the two goals of preserving the free status\nof all derivatives of our free software and of promoting the sharing\nand reuse of software generally.\n\n\t\t\t    NO WARRANTY\n\n  15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO\nWARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.\nEXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR\nOTHER PARTIES PROVIDE THE LIBRARY \"AS IS\" WITHOUT WARRANTY OF ANY\nKIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR\nPURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE\nLIBRARY IS WITH YOU.  SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME\nTHE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.\n\n  16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN\nWRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY\nAND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU\nFOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR\nCONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE\nLIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING\nRENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A\nFAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF\nSUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH\nDAMAGES.\n\n\t\t     END OF TERMS AND CONDITIONS\n\n           How to Apply These Terms to Your New Libraries\n\n  If you develop a new library, and you want it to be of the greatest\npossible use to the public, we recommend making it free software that\neveryone can redistribute and change.  You can do so by permitting\nredistribution under these terms (or, alternatively, under the terms of the\nordinary General Public License).\n\n  To apply these terms, attach the following notices to the library.  It is\nsafest to attach them to the start of each source file to most effectively\nconvey the exclusion of warranty; and each file should have at least the\n\"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the library's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This library is free software; you can redistribute it and/or\n    modify it under the terms of the GNU Library General Public\n    License as published by the Free Software Foundation; either\n    version 2 of the License, or (at your option) any later version.\n\n    This library is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU\n    Library General Public License for more details.\n\n    You should have received a copy of the GNU Library General Public\n    License along with this library; if not, write to the Free\n    Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA\n\nAlso add information on how to contact you by electronic and paper mail.\n\nYou should also get your employer (if you work as a programmer) or your\nschool, if any, to sign a \"copyright disclaimer\" for the library, if\nnecessary.  Here is a sample; alter the names:\n\n  Yoyodyne, Inc., hereby disclaims all copyright interest in the\n  library `Frob' (a library for tweaking knobs) written by James Random Hacker.\n\n  <signature of Ty Coon>, 1 April 1990\n  Ty Coon, President of Vice\n\nThat's all there is to it!\n\n\n--------------- SECTION 6: GNU Lesser General Public License, V3.0 ----------- \n\n\t\t   GNU LESSER GENERAL PUBLIC LICENSE\n                       Version 3, 29 June 2007\n\n Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n\n  This version of the GNU Lesser General Public License incorporates\nthe terms and conditions of version 3 of the GNU General Public\nLicense, supplemented by the additional permissions listed below.\n\n  0. Additional Definitions.\n\n  As used herein, \"this License\" refers to version 3 of the GNU Lesser\nGeneral Public License, and the \"GNU GPL\" refers to version 3 of the GNU\nGeneral Public License.\n\n  \"The Library\" refers to a covered work governed by this License,\nother than an Application or a Combined Work as defined below.\n\n  An \"Application\" is any work that makes use of an interface provided\nby the Library, but which is not otherwise based on the Library.\nDefining a subclass of a class defined by the Library is deemed a mode\nof using an interface provided by the Library.\n\n  A \"Combined Work\" is a work produced by combining or linking an\nApplication with the Library.  The particular version of the Library\nwith which the Combined Work was made is also called the \"Linked\nVersion\".\n\n  The \"Minimal Corresponding Source\" for a Combined Work means the\nCorresponding Source for the Combined Work, excluding any source code\nfor portions of the Combined Work that, considered in isolation, are\nbased on the Application, and not on the Linked Version.\n\n  The \"Corresponding Application Code\" for a Combined Work means the\nobject code and/or source code for the Application, including any data\nand utility programs needed for reproducing the Combined Work from the\nApplication, but excluding the System Libraries of the Combined Work.\n\n  1. Exception to Section 3 of the GNU GPL.\n\n  You may convey a covered work under sections 3 and 4 of this License\nwithout being bound by section 3 of the GNU GPL.\n\n  2. Conveying Modified Versions.\n\n  If you modify a copy of the Library, and, in your modifications, a\nfacility refers to a function or data to be supplied by an Application\nthat uses the facility (other than as an argument passed when the\nfacility is invoked), then you may convey a copy of the modified\nversion:\n\n   a) under this License, provided that you make a good faith effort to\n   ensure that, in the event an Application does not supply the\n   function or data, the facility still operates, and performs\n   whatever part of its purpose remains meaningful, or\n\n   b) under the GNU GPL, with none of the additional permissions of\n   this License applicable to that copy.\n\n  3. Object Code Incorporating Material from Library Header Files.\n\n  The object code form of an Application may incorporate material from\na header file that is part of the Library.  You may convey such object\ncode under terms of your choice, provided that, if the incorporated\nmaterial is not limited to numerical parameters, data structure\nlayouts and accessors, or small macros, inline functions and templates\n(ten or fewer lines in length), you do both of the following:\n\n   a) Give prominent notice with each copy of the object code that the\n   Library is used in it and that the Library and its use are\n   covered by this License.\n\n   b) Accompany the object code with a copy of the GNU GPL and this license\n   document.\n\n  4. Combined Works.\n\n  You may convey a Combined Work under terms of your choice that,\ntaken together, effectively do not restrict modification of the\nportions of the Library contained in the Combined Work and reverse\nengineering for debugging such modifications, if you also do each of\nthe following:\n\n   a) Give prominent notice with each copy of the Combined Work that\n   the Library is used in it and that the Library and its use are\n   covered by this License.\n\n   b) Accompany the Combined Work with a copy of the GNU GPL and this license\n   document.\n\n   c) For a Combined Work that displays copyright notices during\n   execution, include the copyright notice for the Library among\n   these notices, as well as a reference directing the user to the\n   copies of the GNU GPL and this license document.\n\n   d) Do one of the following:\n\n       0) Convey the Minimal Corresponding Source under the terms of this\n       License, and the Corresponding Application Code in a form\n       suitable for, and under terms that permit, the user to\n       recombine or relink the Application with a modified version of\n       the Linked Version to produce a modified Combined Work, in the\n       manner specified by section 6 of the GNU GPL for conveying\n       Corresponding Source.\n\n       1) Use a suitable shared library mechanism for linking with the\n       Library.  A suitable mechanism is one that (a) uses at run time\n       a copy of the Library already present on the user's computer\n       system, and (b) will operate properly with a modified version\n       of the Library that is interface-compatible with the Linked\n       Version.\n\n   e) Provide Installation Information, but only if you would otherwise\n   be required to provide such information under section 6 of the\n   GNU GPL, and only to the extent that such information is\n   necessary to install and execute a modified version of the\n   Combined Work produced by recombining or relinking the\n   Application with a modified version of the Linked Version. (If\n   you use option 4d0, the Installation Information must accompany\n   the Minimal Corresponding Source and Corresponding Application\n   Code. If you use option 4d1, you must provide the Installation\n   Information in the manner specified by section 6 of the GNU GPL\n   for conveying Corresponding Source.)\n\n  5. Combined Libraries.\n\n  You may place library facilities that are a work based on the\nLibrary side by side in a single library together with other library\nfacilities that are not Applications and are not covered by this\nLicense, and convey such a combined library under terms of your\nchoice, if you do both of the following:\n\n   a) Accompany the combined library with a copy of the same work based\n   on the Library, uncombined with any other library facilities,\n   conveyed under the terms of this License.\n\n   b) Give prominent notice with the combined library that part of it\n   is a work based on the Library, and explaining where to find the\n   accompanying uncombined form of the same work.\n\n  6. Revised Versions of the GNU Lesser General Public License.\n\n  The Free Software Foundation may publish revised and/or new versions\nof the GNU Lesser General Public License from time to time. Such new\nversions will be similar in spirit to the present version, but may\ndiffer in detail to address new problems or concerns.\n\n  Each version is given a distinguishing version number. If the\nLibrary as you received it specifies that a certain numbered version\nof the GNU Lesser General Public License \"or any later version\"\napplies to it, you have the option of following the terms and\nconditions either of that published version or of any later version\npublished by the Free Software Foundation. If the Library as you\nreceived it does not specify a version number of the GNU Lesser\nGeneral Public License, you may choose any version of the GNU Lesser\nGeneral Public License ever published by the Free Software Foundation.\n\n  If the Library as you received it specifies that a proxy can decide\nwhether future versions of the GNU Lesser General Public License shall\napply, that proxy's public statement of acceptance of any version is\npermanent authorization for you to choose that version for the\nLibrary.\n\n  \n--------------- SECTION 7: Creative Commons Attribution License, V3.0 ----------- \n\nCreative Commons Attribution 3.0 Unported\n\nCREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE LEGAL\nSERVICES. DISTRIBUTION OF THIS LICENSE DOES NOT CREATE AN ATTORNEY-CLIENT\nRELATIONSHIP. CREATIVE COMMONS PROVIDES THIS INFORMATION ON AN \"AS-IS\"\nBASIS. CREATIVE COMMONS MAKES NO WARRANTIES REGARDING THE INFORMATION\nPROVIDED, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM ITS USE.\n\nLicense\n\nTHE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE\nCOMMONS PUBLIC LICENSE (\"CCPL\" OR \"LICENSE\"). THE WORK IS PROTECTED BY\nCOPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN\nAS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.\n\nBY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE\nTO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE\nMAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS\nCONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND\nCONDITIONS.\n\n1. Definitions\n\n   a. \"Adaptation\" means a work based upon the Work, or upon the Work\n   and other pre-existing works, such as a translation, adaptation,\n   derivative work, arrangement of music or other alterations of a\n   literary or artistic work, or phonogram or performance and includes\n   cinematographic adaptations or any other form in which the Work may\n   be recast, transformed, or adapted including in any form recognizably\n   derived from the original, except that a work that constitutes a\n   Collection will not be considered an Adaptation for the purpose of\n   this License. For the avoidance of doubt, where the Work is a musical\n   work, performance or phonogram, the synchronization of the Work in\n   timed-relation with a moving image (\"synching\") will be considered\n   an Adaptation for the purpose of this License.\n\n   b. \"Collection\" means a collection of literary or artistic works,\n   such as encyclopedias and anthologies, or performances, phonograms or\n   broadcasts, or other works or subject matter other than works listed in\n   Section 1(f) below, which, by reason of the selection and arrangement\n   of their contents, constitute intellectual creations, in which the\n   Work is included in its entirety in unmodified form along with one or\n   more other contributions, each constituting separate and independent\n   works in themselves, which together are assembled into a collective\n   whole. A work that constitutes a Collection will not be considered\n   an Adaptation (as defined above) for the purposes of this License.\n\n   c. \"Distribute\" means to make available to the public the original\n   and copies of the Work or Adaptation, as appropriate, through sale\n   or other transfer of ownership.\n\n   d. \"Licensor\" means the individual, individuals, entity or entities\n   that offer(s) the Work under the terms of this License.\n\n   e. \"Original Author\" means, in the case of a literary or artistic\n   work, the individual, individuals, entity or entities who created the\n   Work or if no individual or entity can be identified, the publisher;\n   and in addition (i) in the case of a performance the actors, singers,\n   musicians, dancers, and other persons who act, sing, deliver, declaim,\n   play in, interpret or otherwise perform literary or artistic works or\n   expressions of folklore; (ii) in the case of a phonogram the producer\n   being the person or legal entity who first fixes the sounds of a\n   performance or other sounds; and, (iii) in the case of broadcasts,\n   the organization that transmits the broadcast.\n\n   f. \"Work\" means the literary and/or artistic work offered under the\n   terms of this License including without limitation any production\n   in the literary, scientific and artistic domain, whatever may be\n   the mode or form of its expression including digital form, such\n   as a book, pamphlet and other writing; a lecture, address, sermon\n   or other work of the same nature; a dramatic or dramatico-musical\n   work; a choreographic work or entertainment in dumb show; a musical\n   composition with or without words; a cinematographic work to which are\n   assimilated works expressed by a process analogous to cinematography;\n   a work of drawing, painting, architecture, sculpture, engraving\n   or lithography; a photographic work to which are assimilated works\n   expressed by a process analogous to photography; a work of applied art;\n   an illustration, map, plan, sketch or three-dimensional work relative\n   to geography, topography, architecture or science; a performance;\n   a broadcast; a phonogram; a compilation of data to the extent it is\n   protected as a copyrightable work; or a work performed by a variety\n   or circus performer to the extent it is not otherwise considered a\n   literary or artistic work.\n\n   g. \"You\" means an individual or entity exercising rights under this\n   License who has not previously violated the terms of this License\n   with respect to the Work, or who has received express permission\n   from the Licensor to exercise rights under this License despite a\n   previous violation.\n\n   h. \"Publicly Perform\" means to perform public recitations of the\n   Work and to communicate to the public those public recitations, by\n   any means or process, including by wire or wireless means or public\n   digital performances; to make available to the public Works in such\n   a way that members of the public may access these Works from a place\n   and at a place individually chosen by them; to perform the Work to the\n   public by any means or process and the communication to the public of\n   the performances of the Work, including by public digital performance;\n   to broadcast and rebroadcast the Work by any means including signs,\n   sounds or images.\n\n   i. \"Reproduce\" means to make copies of the Work by any means including\n   without limitation by sound or visual recordings and the right of\n   fixation and reproducing fixations of the Work, including storage\n   of a protected performance or phonogram in digital form or other\n   electronic medium.\n\n2. Fair Dealing Rights. Nothing in this License is intended to reduce,\nlimit, or restrict any uses free from copyright or rights arising from\nlimitations or exceptions that are provided for in connection with the\ncopyright protection under copyright law or other applicable laws.\n\n3. License Grant. Subject to the terms and conditions of this License,\nLicensor hereby grants You a worldwide, royalty-free, non-exclusive,\nperpetual (for the duration of the applicable copyright) license to\nexercise the rights in the Work as stated below:\n\n   a. to Reproduce the Work, to incorporate the Work into one or\n   more Collections, and to Reproduce the Work as incorporated in the\n   Collections;\n\n   b. to create and Reproduce Adaptations provided that any such\n   Adaptation, including any translation in any medium, takes reasonable\n   steps to clearly label, demarcate or otherwise identify that changes\n   were made to the original Work. For example, a translation could be\n   marked \"The original work was translated from English to Spanish,\" or\n   a modification could indicate \"The original work has been modified.\";\n\n   c. to Distribute and Publicly Perform the Work including as\n   incorporated in Collections; and,\n\n   d. to Distribute and Publicly Perform Adaptations.\n\n   e. For the avoidance of doubt:\n\n      i. Non-waivable Compulsory License Schemes. In those jurisdictions\n      in which the right to collect royalties through any statutory or\n      compulsory licensing scheme cannot be waived, the Licensor reserves\n      the exclusive right to collect such royalties for any exercise by\n      You of the rights granted under this License;\n\n      ii. Waivable Compulsory License Schemes. In those jurisdictions\n      in which the right to collect royalties through any statutory or\n      compulsory licensing scheme can be waived, the Licensor waives the\n      exclusive right to collect such royalties for any exercise by You\n      of the rights granted under this License; and,\n\n      iii. Voluntary License Schemes. The Licensor waives the right\n      to collect royalties, whether individually or, in the event that\n      the Licensor is a member of a collecting society that administers\n      voluntary licensing schemes, via that society, from any exercise\n      by You of the rights granted under this License.  The above rights\n      may be exercised in all media and formats whether now known or\n      hereafter devised. The above rights include the right to make such\n      modifications as are technically necessary to exercise the rights\n      in other media and formats. Subject to Section 8(f), all rights\n      not expressly granted by Licensor are hereby reserved.\n\n4. Restrictions. The license granted in Section 3 above is expressly\nmade subject to and limited by the following restrictions:\n\n   a. You may Distribute or Publicly Perform the Work only under the\n   terms of this License.  You must include a copy of, or the Uniform\n   Resource Identifier (URI) for, this License with every copy of the\n   Work You Distribute or Publicly Perform. You may not offer or impose\n   any terms on the Work that restrict the terms of this License or the\n   ability of the recipient of the Work to exercise the rights granted to\n   that recipient under the terms of the License. You may not sublicense\n   the Work. You must keep intact all notices that refer to this License\n   and to the disclaimer of warranties with every copy of the Work You\n   Distribute or Publicly Perform. When You Distribute or Publicly Perform\n   the Work, You may not impose any effective technological measures on\n   the Work that restrict the ability of a recipient of the Work from\n   You to exercise the rights granted to that recipient under the terms\n   of the License. This Section 4(a) applies to the Work as incorporated\n   in a Collection, but this does not require the Collection apart from\n   the Work itself to be made subject to the terms of this License. If\n   You create a Collection, upon notice from any Licensor You must,\n   to the extent practicable, remove from the Collection any credit as\n   required by Section 4(b), as requested. If You create an Adaptation,\n   upon notice from any Licensor You must, to the extent practicable,\n   remove from the Adaptation any credit as required by Section 4(b),\n   as requested.\n\n   b. If You Distribute, or Publicly Perform the Work or any Adaptations\n   or Collections, You must, unless a request has been made pursuant\n   to Section 4(a), keep intact all copyright notices for the Work and\n   provide, reasonable to the medium or means You are utilizing: (i) the\n   name of the Original Author (or pseudonym, if applicable) if supplied,\n   and/or if the Original Author and/or Licensor designate another party\n   or parties (e.g., a sponsor institute, publishing entity, journal)\n   for attribution (\"Attribution Parties\") in Licensor's copyright\n   notice, terms of service or by other reasonable means, the name of\n   such party or parties; (ii) the title of the Work if supplied; (iii)\n   to the extent reasonably practicable, the URI, if any, that Licensor\n   specifies to be associated with the Work, unless such URI does not\n   refer to the copyright notice or licensing information for the Work;\n   and (iv) , consistent with Section 3(b), in the case of an Adaptation,\n   a credit identifying the use of the Work in the Adaptation (e.g.,\n   \"French translation of the Work by Original Author,\" or \"Screenplay\n   based on original Work by Original Author\"). The credit required\n   by this Section 4 (b) may be implemented in any reasonable manner;\n   provided, however, that in the case of a Adaptation or Collection, at\n   a minimum such credit will appear, if a credit for all contributing\n   authors of the Adaptation or Collection appears, then as part of\n   these credits and in a manner at least as prominent as the credits\n   for the other contributing authors. For the avoidance of doubt, You\n   may only use the credit required by this Section for the purpose of\n   attribution in the manner set out above and, by exercising Your rights\n   under this License, You may not implicitly or explicitly assert or\n   imply any connection with, sponsorship or endorsement by the Original\n   Author, Licensor and/or Attribution Parties, as appropriate, of You\n   or Your use of the Work, without the separate, express prior written\n   permission of the Original Author, Licensor and/or Attribution Parties.\n\n   c. Except as otherwise agreed in writing by the Licensor or as may be\n   otherwise permitted by applicable law, if You Reproduce, Distribute\n   or Publicly Perform the Work either by itself or as part of any\n   Adaptations or Collections, You must not distort, mutilate, modify\n   or take other derogatory action in relation to the Work which would\n   be prejudicial to the Original Author's honor or reputation. Licensor\n   agrees that in those jurisdictions (e.g. Japan), in which any exercise\n   of the right granted in Section 3(b) of this License (the right to\n   make Adaptations) would be deemed to be a distortion, mutilation,\n   modification or other derogatory action prejudicial to the Original\n   Author's honor and reputation, the Licensor will waive or not assert,\n   as appropriate, this Section, to the fullest extent permitted by the\n   applicable national law, to enable You to reasonably exercise Your\n   right under Section 3(b) of this License (right to make Adaptations)\n   but not otherwise.\n\n5. Representations, Warranties and Disclaimer\nUNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR\nOFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY\nKIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE,\nINCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY,\nFITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF\nLATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS,\nWHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION\nOF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.\n\n6. Limitation on Liability.\nEXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR\nBE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL,\nCONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS\nLICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF\nTHE POSSIBILITY OF SUCH DAMAGES.\n\n7. Termination\n\n   a. This License and the rights granted hereunder will terminate\n   automatically upon any breach by You of the terms of this\n   License. Individuals or entities who have received Adaptations or\n   Collections from You under this License, however, will not have their\n   licenses terminated provided such individuals or entities remain in\n   full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8\n   will survive any termination of this License.\n\n   b. Subject to the above terms and conditions, the license granted\n   here is perpetual (for the duration of the applicable copyright in\n   the Work). Notwithstanding the above, Licensor reserves the right to\n   release the Work under different license terms or to stop distributing\n   the Work at any time; provided, however that any such election will not\n   serve to withdraw this License (or any other license that has been,\n   or is required to be, granted under the terms of this License), and\n   this License will continue in full force and effect unless terminated\n   as stated above.\n\n8. Miscellaneous\n\n   a. Each time You Distribute or Publicly Perform the Work or a\n   Collection, the Licensor offers to the recipient a license to the\n   Work on the same terms and conditions as the license granted to You\n   under this License.\n\n   b. Each time You Distribute or Publicly Perform an Adaptation, Licensor\n   offers to the recipient a license to the original Work on the same\n   terms and conditions as the license granted to You under this License.\n\n   c. If any provision of this License is invalid or unenforceable under\n   applicable law, it shall not affect the validity or enforceability\n   of the remainder of the terms of this License, and without further\n   action by the parties to this agreement, such provision shall be\n   reformed to the minimum extent necessary to make such provision valid\n   and enforceable.\n\n   d. No term or provision of this License shall be deemed waived and no\n   breach consented to unless such waiver or consent shall be in writing\n   and signed by the party to be charged with such waiver or consent.\n\n   e. This License constitutes the entire agreement between the parties\n   with respect to the Work licensed here. There are no understandings,\n   agreements or representations with respect to the Work not specified\n   here. Licensor shall not be bound by any additional provisions that\n   may appear in any communication from You. This License may not be\n   modified without the mutual written agreement of the Licensor and You.\n\n   f. The rights granted under, and the subject matter referenced, in this\n   License were drafted utilizing the terminology of the Berne Convention\n   for the Protection of Literary and Artistic Works (as amended on\n   September 28, 1979), the Rome Convention of 1961, the WIPO Copyright\n   Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and\n   the Universal Copyright Convention (as revised on July 24, 1971). These\n   rights and subject matter take effect in the relevant jurisdiction\n   in which the License terms are sought to be enforced according to\n   the corresponding provisions of the implementation of those treaty\n   provisions in the applicable national law. If the standard suite of\n   rights granted under applicable copyright law includes additional\n   rights not granted under this License, such additional rights are\n   deemed to be included in the License; this License is not intended\n   to restrict the license of any rights under applicable law.\n\n\n--------------- SECTION 7: Common Development and Distribution License, V1.1 ----------- \n  \nCOMMON DEVELOPMENT AND DISTRIBUTION LICENSE (CDDL)Version 1.1 \n\n1. Definitions. \n\n1.1. \"Contributor\" means each individual or entity that creates or contributes to the creation of Modifications. \n\n1.2. \"Contributor Version\" means the combination of the Original Software, prior Modifications used by a Contributor (if any), and the Modifications made by that particular Contributor. \n\n1.3. \"Covered Software\" means (a) the Original Software, or (b) Modifications, or (c) the combination of files containing Original Software with files containing Modifications, in each case including portions thereof. \n\n1.4. \"Executable\" means the Covered Software in any form other than Source Code. \n\n1.5. \"Initial Developer\" means the individual or entity that first makes Original Software available under this License. \n\n1.6. \"Larger Work\" means a work which combines Covered Software or portions thereof with code not governed by the terms of this License. \n\n1.7. \"License\" means this document. \n\n1.8. \"Licensable\" means having the right to grant, to the maximum extent possible, whether at the time of the initial grant or subsequently acquired, any and all of the rights conveyed herein. \n\n1.9. \"Modifications\" means the Source Code and Executable form of any of the following: \nA. Any file that results from an addition to, deletion from or modification of the contents of a file containing Original Software or previous Modifications; \nB. Any new file that contains any part of the Original Software or previous Modification; or \nC. Any new file that is contributed or otherwise made available under the terms of this License. \n\n1.10. \"Original Software\" means the Source Code and Executable form of computer software code that is originally released under this License. \n\n1.11. \"Patent Claims\" means any patent claim(s), now owned or hereafter acquired, including without limitation, method, process, and apparatus claims, in any patent Licensable by grantor. \n\n1.12. \"Source Code\" means (a) the common form of computer software code in which modifications are made and (b) associated documentation included in or with such code. \n\n1.13. \"You\" (or \"Your\") means an individual or a legal entity exercising rights under, and complying with all of the terms of, this License. For legal entities, \"You\" includes any entity which controls, is controlled by, or is under common control with You. For purposes of this definition, \"control\" means (a) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (b) ownership of more than fifty percent (50%) of the outstanding shares or beneficial ownership of such entity. \n\n2. License Grants. \n\n2.1. The Initial Developer Grant. \nConditioned upon Your compliance with Section 3.1 below and subject to third party intellectual property claims, the Initial Developer hereby grants You a world-wide, royalty-free, non-exclusive license: \n(a) under intellectual property rights (other than patent or trademark) Licensable by Initial Developer, to use, reproduce, modify, display, perform, sublicense and distribute the Original Software (or portions thereof), with or without Modifications, and/or as part of a Larger Work; and \n(b) under Patent Claims infringed by the making, using or selling of Original Software, to make, have made, use, practice, sell, and offer for sale, and/or otherwise dispose of the Original Software (or portions thereof). \n(c) The licenses granted in Sections 2.1(a) and (b) are effective on the date Initial Developer first distributes or otherwise makes the Original Software available to a third party under the terms of this License. \n(d) Notwithstanding Section 2.1(b) above, no patent license is granted: (1) for code that You delete from the Original Software, or (2) for infringements caused by: (i) the modification of the Original Software, or (ii) the combination of the Original Software with other software or devices. \n\n2.2. Contributor Grant. \nConditioned upon Your compliance with Section 3.1 below and subject to third party intellectual property claims, each Contributor hereby grants You a world-wide, royalty-free, non-exclusive license: \n(a) under intellectual property rights (other than patent or trademark) Licensable by Contributor to use, reproduce, modify, display, perform, sublicense and distribute the Modifications created by such Contributor (or portions thereof), either on an unmodified basis, with other Modifications, as Covered Software and/or as part of a Larger Work; and \n(b) under Patent Claims infringed by the making, using, or selling of Modifications made by that Contributor either alone and/or in combination with its Contributor Version (or portions of such combination), to make, use, sell, offer for sale, have made, and/or otherwise dispose of: (1) Modifications made by that Contributor (or portions thereof); and (2) the combination of Modifications made by that Contributor with its Contributor Version (or portions of such combination). \n(c) The licenses granted in Sections 2.2(a) and 2.2(b) are effective on the date Contributor first distributes or otherwise makes the Modifications available to a third party. \n(d) Notwithstanding Section 2.2(b) above, no patent license is granted: (1) for any code that Contributor has deleted from the Contributor Version; (2) for infringements caused by: (i) third party modifications of Contributor Version, or (ii) the combination of Modifications made by that Contributor with other software (except as part of the Contributor Version) or other devices; or (3) under Patent Claims infringed by Covered Software in the absence of Modifications made by that Contributor. \n\n3. Distribution Obligations. \n\n3.1. Availability of Source Code. \nAny Covered Software that You distribute or otherwise make available in Executable form must also be made available in Source Code form and that Source Code form must be distributed only under the terms of this License. You must include a copy of this License with every copy of the Source Code form of the Covered Software You distribute or otherwise make available. You must inform recipients of any such Covered Software in Executable form as to how they can obtain such Covered Software in Source Code form in a reasonable manner on or through a medium customarily used for software exchange. \n\n3.2. Modifications. \nThe Modifications that You create or to which You contribute are governed by the terms of this License. You represent that You believe Your Modifications are Your original creation(s) and/or You have sufficient rights to grant the rights conveyed by this License. \n\n3.3. Required Notices. \nYou must include a notice in each of Your Modifications that identifies You as the Contributor of the Modification. You may not remove or alter any copyright, patent or trademark notices contained within the Covered Software, or any notices of licensing or any descriptive text giving attribution to any Contributor or the Initial Developer. \n\n3.4. Application of Additional Terms. \nYou may not offer or impose any terms on any Covered Software in Source Code form that alters or restricts the applicable version of this License or the recipients' rights hereunder. You may choose to offer, and to charge a fee for, warranty, support, indemnity or liability obligations to one or more recipients of Covered Software. However, you may do so only on Your own behalf, and not on behalf of the Initial Developer or any Contributor. You must make it absolutely clear that any such warranty, support, indemnity or liability obligation is offered by You alone, and You hereby agree to indemnify the Initial Developer and every Contributor for any liability incurred by the Initial Developer or such Contributor as a result of warranty, support, indemnity or liability terms You offer. \n\n3.5. Distribution of Executable Versions. \nYou may distribute the Executable form of the Covered Software under the terms of this License or under the terms of a license of Your choice, which may contain terms different from this License, provided that You are in compliance with the terms of this License and that the license for the Executable form does not attempt to limit or alter the recipient's rights in the Source Code form from the rights set forth in this License. If You distribute the Covered Software in Executable form under a different license, You must make it absolutely clear that any terms which differ from this License are offered by You alone, not by the Initial Developer or Contributor. You hereby agree to indemnify the Initial Developer and every Contributor for any liability incurred by the Initial Developer or such Contributor as a result of any such terms You offer. \n\n3.6. Larger Works. \nYou may create a Larger Work by combining Covered Software with other code not governed by the terms of this License and distribute the Larger Work as a single product. In such a case, You must make sure the requirements of this License are fulfilled for the Covered Software. \n\n4. Versions of the License. \n\n4.1. New Versions. \nOracle is the initial license steward and may publish revised and/or new versions of this License from time to time. Each version will be given a distinguishing version number. Except as provided in Section 4.3, no one other than the license steward has the right to modify this License. \n\n4.2. Effect of New Versions. \nYou may always continue to use, distribute or otherwise make the Covered Software available under the terms of the version of the License under which You originally received the Covered Software. If the Initial Developer includes a notice in the Original Software prohibiting it from being distributed or otherwise made available under any subsequent version of the License, You must distribute and make the Covered Software available under the terms of the version of the License under which You originally received the Covered Software. Otherwise, You may also choose to use, distribute or otherwise make the Covered Software available under the terms of any subsequent version of the License published by the license steward. \n\n4.3. Modified Versions. \nWhen You are an Initial Developer and You want to create a new license for Your Original Software, You may create and use a modified version of this License if You: (a) rename the license and remove any references to the name of the license steward (except to note that the license differs from this License); and (b) otherwise make it clear that the license contains terms which differ from this License. \n\n5. DISCLAIMER OF WARRANTY. \nCOVERED SOFTWARE IS PROVIDED UNDER THIS LICENSE ON AN \"AS IS\" BASIS, WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, WITHOUT LIMITATION, WARRANTIES THAT THE COVERED SOFTWARE IS FREE OF DEFECTS, MERCHANTABLE, FIT FOR A PARTICULAR PURPOSE OR NON-INFRINGING. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE COVERED SOFTWARE IS WITH YOU. SHOULD ANY COVERED SOFTWARE PROVE DEFECTIVE IN ANY RESPECT, YOU (NOT THE INITIAL DEVELOPER OR ANY OTHER CONTRIBUTOR) ASSUME THE COST OF ANY NECESSARY SERVICING, REPAIR OR CORRECTION. THIS DISCLAIMER OF WARRANTY CONSTITUTES AN ESSENTIAL PART OF THIS LICENSE. NO USE OF ANY COVERED SOFTWARE IS AUTHORIZED HEREUNDER EXCEPT UNDER THIS DISCLAIMER. \n\n6. TERMINATION. \n\n6.1. This License and the rights granted hereunder will terminate automatically if You fail to comply with terms herein and fail to cure such breach within 30 days of becoming aware of the breach. Provisions which, by their nature, must remain in effect beyond the termination of this License shall survive. \n\n6.2. If You assert a patent infringement claim (excluding declaratory judgment actions) against Initial Developer or a Contributor (the Initial Developer or Contributor against whom You assert such claim is referred to as \"Participant\") alleging that the Participant Software (meaning the Contributor Version where the Participant is a Contributor or the Original Software where the Participant is the Initial Developer) directly or indirectly infringes any patent, then any and all rights granted directly or indirectly to You by such Participant, the Initial Developer (if the Initial Developer is not the Participant) and all Contributors under Sections 2.1 and/or 2.2 of this License shall, upon 60 days notice from Participant terminate prospectively and automatically at the expiration of such 60 day notice period, unless if within such 60 day period You withdraw Your claim with respect to the Participant Software against such Participant either unilaterally or pursuant to a written agreement with Participant. \n\n6.3. If You assert a patent infringement claim against Participant alleging that the Participant Software directly or indirectly infringes any patent where such claim is resolved (such as by license or settlement) prior to the initiation of patent infringement litigation, then the reasonable value of the licenses granted by such Participant under Sections 2.1 or 2.2 shall be taken into account in determining the amount or value of any payment or license. \n\n6.4. In the event of termination under Sections 6.1 or 6.2 above, all end user licenses that have been validly granted by You or any distributor hereunder prior to termination (excluding licenses granted to You by any distributor) shall survive termination. \n\n7. LIMITATION OF LIABILITY. \nUNDER NO CIRCUMSTANCES AND UNDER NO LEGAL THEORY, WHETHER TORT (INCLUDING NEGLIGENCE), CONTRACT, OR OTHERWISE, SHALL YOU, THE INITIAL DEVELOPER, ANY OTHER CONTRIBUTOR, OR ANY DISTRIBUTOR OF COVERED SOFTWARE, OR ANY SUPPLIER OF ANY OF SUCH PARTIES, BE LIABLE TO ANY PERSON FOR ANY INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF GOODWILL, WORK STOPPAGE, COMPUTER FAILURE OR MALFUNCTION, OR ANY AND ALL OTHER COMMERCIAL DAMAGES OR LOSSES, EVEN IF SUCH PARTY SHALL HAVE BEEN INFORMED OF THE POSSIBILITY OF SUCH DAMAGES. THIS LIMITATION OF LIABILITY SHALL NOT APPLY TO LIABILITY FOR DEATH OR PERSONAL INJURY RESULTING FROM SUCH PARTY'S NEGLIGENCE TO THE EXTENT APPLICABLE LAW PROHIBITS SUCH LIMITATION. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OR LIMITATION OF INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO THIS EXCLUSION AND LIMITATION MAY NOT APPLY TO YOU. \n\n8. U.S. GOVERNMENT END USERS. \nThe Covered Software is a \"commercial item,\" as that term is defined in 48 C.F.R. 2.101 (Oct. 1995), consisting of \"commercial computer software\" (as that term is defined at 48 C.F.R. sec. 252.227-7014(a)(1)) and \"commercial computer software documentation\" as such terms are used in 48 C.F.R. 12.212 (Sept. 1995). Consistent with 48 C.F.R. 12.212 and 48 C.F.R. 227.7202-1 through 227.7202-4 (June 1995), all U.S. Government End Users acquire Covered Software with only those rights set forth herein. This U.S. Government Rights clause is in lieu of, and supersedes, any other FAR, DFAR, or other clause or provision that addresses Government rights in computer software under this License. \n\n9. MISCELLANEOUS. \nThis License represents the complete agreement concerning subject matter hereof. If any provision of this License is held to be unenforceable, such provision shall be reformed only to the extent necessary to make it enforceable. This License shall be governed by the law of the jurisdiction specified in a notice contained within the Original Software (except to the extent applicable law, if any, provides otherwise), excluding such jurisdiction's conflict-of-law provisions. Any litigation relating to this License shall be subject to the jurisdiction of the courts located in the jurisdiction and venue specified in a notice contained within the Original Software, with the losing party responsible for costs, including, without limitation, court costs and reasonable attorneys' fees and expenses. The application of the United Nations Convention on Contracts for the International Sale of Goods is expressly excluded. Any law or regulation which provides that the language of a contract shall be construed against the drafter shall not apply to this License. You agree that You alone are responsible for compliance with the United States export administration regulations (and the export control laws and regulation of any other countries) when You use, distribute or otherwise make available any Covered Software. \n\n10. RESPONSIBILITY FOR CLAIMS. \nAs between Initial Developer and the Contributors, each party is responsible for claims and damages arising, directly or indirectly, out of its utilization of rights under this License and You agree to work with Initial Developer and Contributors to distribute such responsibility on an equitable basis. Nothing herein is intended or shall be deemed to constitute any admission of liability. \n\nNOTICE PURSUANT TO SECTION 9 OF THE COMMON DEVELOPMENT AND DISTRIBUTION LICENSE (CDDL) \nThe code released under the CDDL shall be governed by the laws of the State of California (excluding conflict-of-law provisions). Any litigation relating to this License shall be subject to the jurisdiction of the Federal Courts of the Northern District of California and the state courts of the State of California, with venue lying in Santa Clara County, California.\n\n\n\n===========================================================================\n\nTo the extent any open source components are licensed under the GPL\nand/or LGPL, or other similar licenses that require the source code\nand/or modifications to source code to be made available (as would be\nnoted above), you may obtain a copy of the source code corresponding to\nthe binaries for such open source components and modifications thereto,\nif any, (the \"Source Files\"), by downloading the Source Files from\nVMware's website at http://www.vmware.com/download/open_source.html, or\nby sending a request, with your name and address to: VMware, Inc., 3401\nHillview Avenue, Palo Alto, CA 94304, United States of America. All such\nrequests should clearly specify: OPEN SOURCE FILES REQUEST, Attention\nGeneral Counsel. VMware shall mail a copy of the Source Files to you on\na CD or equivalent physical medium. This offer to obtain a copy of the\nSource Files is valid for three years from the date you acquired this\nSoftware product. Alternatively, the Source Files may accompany the\nVMware product.\n\n[HARBOR050GASR111116]","license":"Apache*","_id":"harbor-ui@0.7.0-dev.12","dist":{"shasum":"a788d524339e61d4c377d84cf60d2b987e8bd9ad","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.12.tgz","fileCount":198,"unpackedSize":19627396,"integrity":"sha512-M1UygWEUWmNtD39wEhrUb/elkNLUafWxCaAMm5J+FXgeVtUaUJwrPDezxDXFTrDpvKNHN/VAPMxwYrAfORX+hg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRH3QUEc4IXE+af7FfJKuagj+FjTp/GaHtD5/WJ6NedgIhAJYzbMaLXYnfaCCJxlsGCVHpcpQB61HoqSh3qgSacL9P"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.12_1523269898368_0.44225029719920395"},"_hasShrinkwrap":false},"0.7.0-dev.13":{"name":"harbor-ui","version":"0.7.0-dev.13","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"ngPackage":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"harbor-ui","version":"0.7.0-dev.9","ngPackage":{"lib":{"entryFile":"./public_api.ts"}}},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readmeFilename":"README.md","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","licenseText":"LICENSE\n\nHarbor UI component library version 0.1.0\n\nCopyright 2016 VMware, Inc.  All rights reserved.\n\nThis product is licensed to you under the Apache License version 2.0 (the License).  You may not use this product except in compliance with the License.\n\n                           Apache License\n                     Version 2.0, January 2004\n                  http://www.apache.org/licenses/\n\nTERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n1. Definitions.\n\n\"License\" shall mean the terms and conditions for use, reproduction,\nand distribution as defined by Sections 1 through 9 of this document.\n\n\"Licensor\" shall mean the copyright owner or entity authorized by\nthe copyright owner that is granting the License.\n\n\"Legal Entity\" shall mean the union of the acting entity and all\nother entities that control, are controlled by, or are under common\ncontrol with that entity. For the purposes of this definition,\n\"control\" means (i) the power, direct or indirect, to cause the\ndirection or management of such entity, whether by contract or\notherwise, or (ii) ownership of fifty percent (50%) or more of the\noutstanding shares, or (iii) beneficial ownership of such entity.\n\n\"You\" (or \"Your\") shall mean an individual or Legal Entity\nexercising permissions granted by this License.\n\n\"Source\" form shall mean the preferred form for making modifications,\nincluding but not limited to software source code, documentation\nsource, and configuration files.\n\n\"Object\" form shall mean any form resulting from mechanical\ntransformation or translation of a Source form, including but\nnot limited to compiled object code, generated documentation,\nand conversions to other media types.\n\n\"Work\" shall mean the work of authorship, whether in Source or\nObject form, made available under the License, as indicated by a\ncopyright notice that is included in or attached to the work\n(an example is provided in the Appendix below).\n\n\"Derivative Works\" shall mean any work, whether in Source or Object\nform, that is based on (or derived from) the Work and for which the\neditorial revisions, annotations, elaborations, or other modifications\nrepresent, as a whole, an original work of authorship. For the purposes\nof this License, Derivative Works shall not include works that remain\nseparable from, or merely link (or bind by name) to the interfaces of,\nthe Work and Derivative Works thereof.\n\n\"Contribution\" shall mean any work of authorship, including\nthe original version of the Work and any modifications or additions\nto that Work or Derivative Works thereof, that is intentionally\nsubmitted to Licensor for inclusion in the Work by the copyright owner\nor by an individual or Legal Entity authorized to submit on behalf of\nthe copyright owner. For the purposes of this definition, \"submitted\"\nmeans any form of electronic, verbal, or written communication sent\nto the Licensor or its representatives, including but not limited to\ncommunication on electronic mailing lists, source code control systems,\nand issue tracking systems that are managed by, or on behalf of, the\nLicensor for the purpose of discussing and improving the Work, but\nexcluding communication that is conspicuously marked or otherwise\ndesignated in writing by the copyright owner as \"Not a Contribution.\"\n\n\"Contributor\" shall mean Licensor and any individual or Legal Entity\non behalf of whom a Contribution has been received by Licensor and\nsubsequently incorporated within the Work.\n\n2. Grant of Copyright License. Subject to the terms and conditions of\nthis License, each Contributor hereby grants to You a perpetual,\nworldwide, non-exclusive, no-charge, royalty-free, irrevocable\ncopyright license to reproduce, prepare Derivative Works of,\npublicly display, publicly perform, sublicense, and distribute the\nWork and such Derivative Works in Source or Object form.\n\n3. Grant of Patent License. Subject to the terms and conditions of\nthis License, each Contributor hereby grants to You a perpetual,\nworldwide, non-exclusive, no-charge, royalty-free, irrevocable\n(except as stated in this section) patent license to make, have made,\nuse, offer to sell, sell, import, and otherwise transfer the Work,\nwhere such license applies only to those patent claims licensable\nby such Contributor that are necessarily infringed by their\nContribution(s) alone or by combination of their Contribution(s)\nwith the Work to which such Contribution(s) was submitted. If You\ninstitute patent litigation against any entity (including a\ncross-claim or counterclaim in a lawsuit) alleging that the Work\nor a Contribution incorporated within the Work constitutes direct\nor contributory patent infringement, then any patent licenses\ngranted to You under this License for that Work shall terminate\nas of the date such litigation is filed.\n\n4. Redistribution. You may reproduce and distribute copies of the\nWork or Derivative Works thereof in any medium, with or without\nmodifications, and in Source or Object form, provided that You\nmeet the following conditions:\n\n(a) You must give any other recipients of the Work or\nDerivative Works a copy of this License; and\n\n(b) You must cause any modified files to carry prominent notices\nstating that You changed the files; and\n\n(c) You must retain, in the Source form of any Derivative Works\nthat You distribute, all copyright, patent, trademark, and\nattribution notices from the Source form of the Work,\nexcluding those notices that do not pertain to any part of\nthe Derivative Works; and\n\n(d) If the Work includes a \"NOTICE\" text file as part of its\ndistribution, then any Derivative Works that You distribute must\ninclude a readable copy of the attribution notices contained\nwithin such NOTICE file, excluding those notices that do not\npertain to any part of the Derivative Works, in at least one\nof the following places: within a NOTICE text file distributed\nas part of the Derivative Works; within the Source form or\ndocumentation, if provided along with the Derivative Works; or,\nwithin a display generated by the Derivative Works, if and\nwherever such third-party notices normally appear. The contents\nof the NOTICE file are for informational purposes only and\ndo not modify the License. You may add Your own attribution\nnotices within Derivative Works that You distribute, alongside\nor as an addendum to the NOTICE text from the Work, provided\nthat such additional attribution notices cannot be construed\nas modifying the License.\n\nYou may add Your own copyright statement to Your modifications and\nmay provide additional or different license terms and conditions\nfor use, reproduction, or distribution of Your modifications, or\nfor any such Derivative Works as a whole, provided Your use,\nreproduction, and distribution of the Work otherwise complies with\nthe conditions stated in this License.\n\n5. Submission of Contributions. Unless You explicitly state otherwise,\nany Contribution intentionally submitted for inclusion in the Work\nby You to the Licensor shall be under the terms and conditions of\nthis License, without any additional terms or conditions.\nNotwithstanding the above, nothing herein shall supersede or modify\nthe terms of any separate license agreement you may have executed\nwith Licensor regarding such Contributions.\n\n6. Trademarks. This License does not grant permission to use the trade\nnames, trademarks, service marks, or product names of the Licensor,\nexcept as required for reasonable and customary use in describing the\norigin of the Work and reproducing the content of the NOTICE file.\n\n7. Disclaimer of Warranty. Unless required by applicable law or\nagreed to in writing, Licensor provides the Work (and each\nContributor provides its Contributions) on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied, including, without limitation, any warranties or conditions\nof TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\nPARTICULAR PURPOSE. You are solely responsible for determining the\nappropriateness of using or redistributing the Work and assume any\nrisks associated with Your exercise of permissions under this License.\n\n8. Limitation of Liability. In no event and under no legal theory,\nwhether in tort (including negligence), contract, or otherwise,\nunless required by applicable law (such as deliberate and grossly\nnegligent acts) or agreed to in writing, shall any Contributor be\nliable to You for damages, including any direct, indirect, special,\nincidental, or consequential damages of any character arising as a\nresult of this License or out of the use or inability to use the\nWork (including but not limited to damages for loss of goodwill,\nwork stoppage, computer failure or malfunction, or any and all\nother commercial damages or losses), even if such Contributor\nhas been advised of the possibility of such damages.\n\n9. Accepting Warranty or Additional Liability. While redistributing\nthe Work or Derivative Works thereof, You may choose to offer,\nand charge a fee for, acceptance of support, warranty, indemnity,\nor other liability obligations and/or rights consistent with this\nLicense. However, in accepting such obligations, You may act only\non Your own behalf and on Your sole responsibility, not on behalf\nof any other Contributor, and only if You agree to indemnify,\ndefend, and hold each Contributor harmless for any liability\nincurred by, or claims asserted against, such Contributor by reason\nof your accepting any such warranty or additional liability.\n\nEND OF TERMS AND CONDITIONS\n\nAPPENDIX: How to apply the Apache License to your work.\n\nTo apply the Apache License to your work, attach the following\nboilerplate notice, with the fields enclosed by brackets \"[]\"\nreplaced with your own identifying information. (Don't include\nthe brackets!)  The text should be enclosed in the appropriate\ncomment syntax for the file format. We also recommend that a\nfile or class name and description of purpose be included on the\nsame \"printed page\" as the copyright notice for easier\nidentification within third-party archives.\n\nCopyright [yyyy] [name of copyright owner]\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n======================================================================\n\nHarbor version 0.5.0 includes a number of components with separate copyright notices and license terms.  This product does not necessarily use all the open source components referred to below. Your use of the source code for these components is subject to the terms and conditions of the following licenses.\n\n======================== TABLE OF CONTENTS ============================\n\nThe following is a listing of the open source components detailed in\nthis document. This list is provided for your convenience; please read\nfurther if you wish to review the copyright notice(s) and the full text\nof the license associated with each component.\n\n\nSECTION 1: BSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES\n\n   >>> alembic-0.8.8\n   >>> angular-cookies-1.5.3\n   >>> angular-messages-1.5.3\n   >>> angularjs-1.5.3\n   >>> bootstrap-3.3.6\n   >>> bootstrap-datepicker-4.17.37\n   >>> cronie-1.5.0\n   >>> jquery-1.11.2\n   >>> mattn/go-sqlite3-3fb7a0e7\n   >>> moment-2.11.0\n   >>> mqu/openldap-0.2\n   >>> nginx-1.11.5\n   >>> shadow-4.2.1\n\n\n\nSECTION 2: Apache License, V2.0\n\n   >>> apr-util-1.5.4\n   >>> beego-1.6.1\n   >>> docker-distribution-2.5.0\n   >>> docker-libtrust -9cbd2a1\n   >>> registry-2.5.0\n\n\n\nSECTION 3: GNU General Public License, V2.0\n\n   >>> logrotate-3.9.1\n   >>> mysql-5.6\n\n\n\nSECTION 4: GNU General Public License, V3.0\n\n   >>> rsyslog-8.15.0\n\n\n\nSECTION 5: Mozilla Public License, V2.0\n\n   >>> go-sql-driver/mysql-1.2\n\n\n\nAPPENDIX. Standard License Files\n\n   >>> Mozilla Public License, V2.0\n\n   >>> Apache License, V2.0\n\n   >>> GNU General Public License, V3.0\n\n   >>> GNU General Public License, V2.0\n\n   >>> GNU Library General Public License, V2.0\n  \n   >>> GNU Lesser General Public License, V3.0\n   \n   >>> Creative Commons Attribution License, V3.0\n   \n   >>> Common Development and Distribution License, V1.1\n   \n\n\n--------------- SECTION 1:  BSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES ----------\n\nBSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES are applicable to the following component(s).\n\n\n>>> alembic-0.8.8\n\nThis is the MIT license: http://www.opensource.org/licenses/mit-license.php\n\nCopyright (C) 2009-2016 by Michael Bayer.\nAlembic is a trademark of Michael Bayer.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this\nsoftware and associated documentation files (the \"Software\"), to deal in the Software\nwithout restriction, including without limitation the rights to use, copy, modify, merge,\npublish, distribute, sublicense, and/or sell copies of the Software, and to permit persons\nto whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or\nsubstantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\nINCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR\nPURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE\nFOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\nOTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\nDEALINGS IN THE SOFTWARE.\n\n\n>>> angular-cookies-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> angular-messages-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> angularjs-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> bootstrap-3.3.6\n\nThe MIT License (MIT)\n\nCopyright (c) 2011-2015 Twitter, Inc\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\nADDITIONAL LICENSE INFORMATION:\n\n> CC- Attribution 3.0 Unported License\n\n[NOTE:  VMware does not distribute the \"docs\\assets\\css\\src\\docs.css\" subpackage.]\n\nbootstrap-3.3.6\\docs\\assets\\css \\src\\docs.css\n\nBootstrap Docs (http://getbootstrap.com)\nCopyright 2011-2015 Twitter, Inc.\nLicensed under the Creative Commons Attribution 3.0 Unported License. For\ndetails, see https://creativecommons.org/licenses/by/3.0/.\n\n\n> MIT\n\n[PLEASE NOTE:  VMWARE, INC. ELECTS TO USE AND DISTRIBUTE THIS COMPONENT UNDER THE TERMS OF THE MIT LICENSE. THE ORIGINAL LICENSE TERMS ARE REPRODUCED BELOW ONLY AS A REFERENCE.]\n\nbootstrap-3.3.6.tar.gz\\bootstrap-3.3.6.tar\\bootstrap-3.3.6\\docs\\assets\\js\\vendor\\ jszip.min.js\n\n(c) 2009-2014 Stuart Knightley <stuart [at] stuartk.com>\nDual licenced under the MIT license or GPLv3. See https://raw.github.com/Stuk/jszip/master/LICENSE.markdown.\n\n\n> Apache 2.0\n\nbootstrap-3.3.6.tar.gz\\bootstrap-3.3.6.tar\\bootstrap-3.3.6\\docs\\assets\\js\\vendor\\ less.min.js\n\nCopyright (c) 2009-2014, Alexis Sellier <self@cloudhead.net>\nLicensed under the Apache v2 License.\n\nLicense for GLYPHICONS Halflings in Bootstrap\n \nGLYPHICONS Halflings font is also released as an extension of a Bootstrap www.getbootstrap.com for free and it is released under the same license as Bootstrap. While you are not required to include attribution on your Bootstrap-based projects, I would certainly appreciate any form of support, even a nice Tweet is enough. Of course if you want, you can say thank you and support me by buying more icons on GLYPHICONS.com.\n\n\n>>> bootstrap-datepicker-4.17.37\n\nThe MIT License (MIT)\n\nCopyright (c) 2015 Jonathan Peterson (@Eonasdan)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n\n>>> cronie-1.5.0\n\nCopyright (c) 2004 by Internet Systems Consortium, Inc. (\"ISC\")\nCopyright (c) 1997,2000 by Internet Software Consortium, Inc.\n\nPermission to use, copy, modify, and distribute this software for any\npurpose with or without fee is hereby granted, provided that the above\ncopyright notice and this permission notice appear in all copies.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND ISC DISCLAIMS ALL WARRANTIES\nWITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS.  IN NO EVENT SHALL ISC BE LIABLE FOR\nANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES\nWHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN\nACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT\nOF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.\n\nCopyright (c) 1988, 1993, 1994\nThe Regents of the University of California.  All rights reserved.\n\nThis code is derived from software written by Ken Arnold and\npublished in UNIX Review, Vol. 6, No. 8.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\nCopyright (c) 1989, 1993\nThe Regents of the University of California.  All rights reserved.\n\nThis code is derived from software contributed to Berkeley by\nPaul Vixie.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n3. Neither the name of the University nor the names of its contributors\nmay be used to endorse or promote products derived from this software\nwithout specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\n@(#)bitstring.h\t8.1 (Berkeley) 7/19/93\n\nADDITIONAL LICENSE INFORMATION:\n\n> GPL 2.0\n\ncronie-1.5.0.tar.gz\\cronie-1.5.0.tar\\cronie-1.5.0\\anacron\\global.h\n\n Anacron - run commands periodically\n    Copyright (C) 1998  Itai Tzur <itzur@actcom.co.il>\n    Copyright (C) 1999  Sean 'Shaleh' Perry <shaleh@debian.org>\n    Copyright (C) 2004  Pascal Hakim <pasc@redellipse.net>\n\n    This program is free software; you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation; either version 2 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License\n    along with this program; if not, write to the Free Software\n    Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA\n\n    The GNU General Public License can also be found in the file\n    `COPYING' that comes with the Anacron source distribution.\n\n\n>>> jquery-1.11.2\n\nCopyright 2014 jQuery Foundation and other contributors\nhttp://jquery.com/\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n\n>>> mattn/go-sqlite3-3fb7a0e7\n\nThe MIT License (MIT)\n\nCopyright (c) 2014 Yasuhiro Matsumoto\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\nADDITIONAL LICENSE INFORMATION:\n\n> BSD-2 Clause\n\ngo-sqlite3-master.zip\\go-sqlite3-master\\_example\\mod_vtable\\picojson.h\n\nCopyright 2009-2010 Cybozu Labs, Inc.\nCopyright 2011 Kazuho Oku\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are met:\n\n1. Redistributions of source code must retain the above copyright notice,\nthis list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright notice,\nthis list of conditions and the following disclaimer in the documentation\nand/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY CYBOZU LABS, INC. ``AS IS'' AND ANY EXPRESS OR\nIMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO\nEVENT SHALL CYBOZU LABS, INC. OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT,\nINDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES\n(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;\nLOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND\nON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF\nTHIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\nThe views and conclusions contained in the software and documentation are\nthose of the authors and should not be interpreted as representing official\npolicies, either expressed or implied, of Cybozu Labs, Inc.\n\n> Public Domain\n\ngo-sqlite3-master.zip\\go-sqlite3-master\\sqlite3ext.h\n\n2006 June 7\n\nThe author disclaims copyright to this source code.  In place of\na legal notice, here is a blessing:\n\nMay you do good and not evil.\nMay you find forgiveness for yourself and forgive others.\nMay you share freely, never taking more than you give.\n\n\n>>> moment-2.11.0\n\nCopyright (c) 2011-2015 Tim Wood, Iskren Chernev, Moment.js contributors\n\nPermission is hereby granted, free of charge, to any person\nobtaining a copy of this software and associated documentation\nfiles (the \"Software\"), to deal in the Software without\nrestriction, including without limitation the rights to use,\ncopy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the\nSoftware is furnished to do so, subject to the following\nconditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES\nOF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\nHOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,\nWHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\nFROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR\nOTHER DEALINGS IN THE SOFTWARE.\n\n\n>>> mqu/openldap-0.2\n\n/This work is part of OpenLDAP Software <http://www.openldap.org/>.\n\nCopyright 1998-2012 The OpenLDAP Foundation.\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted only as authorized by the OpenLDAP\nPublic License.\n\nA copy of this license is available in file LICENSE in the\ntop-level directory of the distribution or, alternatively, at\n<http://www.OpenLDAP.org/license.html>.\n/\n/ Portions Copyright (c) 1990 Regents of the University of Michigan.\nAll rights reserved.\n\nRedistribution and use in source and binary forms are permitted\nprovided that this notice is preserved and that due credit is given\nto the University of Michigan at Ann Arbor. The name of the University\nmay not be used to endorse or promote products derived from this\nsoftware without specific prior written permission. This software\nis provided ``as is'' without express or implied warranty.\n\n\n>>> nginx-1.11.5\n\nCopyright (C) 2002-2016 Igor Sysoev\nCopyright (C) 2011-2016 Nginx, Inc.\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\n\n>>> shadow-4.2.1\n\nCopyright (c) 1991 - 1994, Julianne Frances Haugh\nCopyright (c) 1996 - 2000, Marek Michalkiewicz\nCopyright (c) 2000 - 2006, Tomasz Kloczko\nCopyright (c) 2007 - 2011, Nicolas Franois\nAll rights reserved\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1 Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer\n2 Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution\n3 The name of the copyright holders or contributors may not be used to\nendorse or promote products derived from this software without\nspecific prior written permission\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n``AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A\nPARTICULAR PURPOSE ARE DISCLAIMED  IN NO EVENT SHALL THE COPYRIGHT\nHOLDERS OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE\n\n\nADDITIONAL LICENSE INFORMATION:\n\n> GPL 2.0\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\src\\vipwc\n\nCopyright (c) 1997       , Guy Maor <maor@eceutexasedu>\nCopyright (c) 1999 - 2000, Marek Michalkiewicz\nCopyright (c) 2002 - 2006, Tomasz Kloczko\nCopyright (c) 2007 - 2013, Nicolas Franois\nAll rights reserved\n\nThis program is free software; you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation; either version 2 of the License, or\n(at your option) any later version\n\nThis program is distributed in the hope that it will be useful, but\nWITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE See the GNU\nGeneral Public License for more details\n\nYou should have received a copy of the GNU General Public License\nalong with this program; if not, write to the Free Software\nFoundation, Inc, 51 Franklin Street, Fifth Floor,\nBoston, MA 02110-1301, USA\n\nudbachktgz\n\n> BSD Style\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\src\\login_nopamc\n\nCopyright 1995 by Wietse Venema  All rights reserved Individual files\nmay be covered by other copyrights (as noted in the file itself)\n\nThis material was originally written and compiled by Wietse Venema at\nEindhoven University of Technology, The Netherlands, in 1990, 1991,\n1992, 1993, 1994 and 1995\n\nRedistribution and use in source and binary forms are permitted\nprovided that this entire copyright notice is duplicated in all such\ncopies\n\nThis software is provided \"as is\" and without any expressed or implied\nwarranties, including, without limitation, the implied warranties of\nmerchantibility and fitness for any particular purpose\n\n> Public Domain\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\zh_TW\\man1\\newgrp1\n\nOriginal author unknown  This man page is in the public domain\nModified Sat Oct  9 17:46:48 1993 by faith@csuncedu\nTH NEWGRP 1 \"9 October 1993\" \"Linux 12\" \"Linux Programmer's Manual\"\n\n> GPL 3.0 with Bison Parser Exception\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\libmisc\\getdatec\n\nA Bison parser, made by GNU Bison 302\n\nBison implementation for Yacc-like parsers in C\n\nCopyright (C) 1984, 1989-1990, 2000-2013 Free Software Foundation, Inc\n\nThis program is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE  See the\nGNU General Public License for more details\n\nYou should have received a copy of the GNU General Public License\nalong with this program  If not, see <http://wwwgnuorg/licenses/>\n\nAs a special exception, you may create a larger work that contains\npart or all of the Bison parser skeleton and distribute that work\nunder terms of your choice, so long as that work isn't itself a\nparser generator using the skeleton or a modified version thereof\nas a parser skeleton  Alternatively, if you modify or redistribute\nthe parser skeleton itself, you may (at your option) remove this\nspecial exception, which will cause the skeleton and the resulting\nBison output files to be licensed under the GNU General Public\nLicense without this special exception\n\nThis special exception was added by the Free Software Foundation in\nversion 22 of Bison\n\n> GPL 3.0\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\tr\\man1\\chfn.1\n\nchfn.1 -- change your finger information\n(c) 1994 by salvatore valente <svalente@athena.mit.edu>\nthis program is free software.  you can redistribute it and\nmodify it under the terms of the gnu general public license.\nthere is no warranty.\n\n> MIT-Style\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\aclocalm4\n\nCopyright (C) 1996, 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004,\n2005, 2006, 2007, 2008, 2009, 2010, 2011 Free Software Foundation,\nInc\nThis file is free software; the Free Software Foundation\ngives unlimited permission to copy and/or distribute it,\nwith or without modifications, as long as this notice is preserved\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY, to the extent permitted by law; without\neven the implied warranty of MERCHANTABILITY or FITNESS FOR A\nPARTICULAR PURPOSE\n\n> BSD 3-Clause\n\n[PLEASE NOTE:  VMWARE, INC ELECTS TO USE AND DISTRIBUTE THIS COMPONENT UNDER THE TERMS OF THE BSD LICENSE THE ORIGINAL LICENSE TERMS ARE REPRODUCED BELOW ONLY AS A REFERENCE]\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\tr\\man1\\passwd1\n\nCopyright Red Hat, Inc, 1998, 1999, 2002\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1 Redistributions of source code must retain the above copyright\nnotice, and the entire permission notice in its entirety,\nincluding the disclaimer of warranties\n2 Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution\n3 The name of the author may not be used to endorse or promote\nproducts derived from this software without specific prior\nwritten permission\n\nALTERNATIVELY, this product may be distributed under the terms of\nthe GNU Public License, in which case the provisions of the GPL are\nrequired INSTEAD OF the above restrictions  (This clause is\nnecessary due to a potential bad interaction between the GPL and\nthe restrictions contained in a BSD-style copyright)\n\nTHIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY EXPRESS OR IMPLIED\nWARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES\nOF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\nDISCLAIMED  IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY DIRECT,\nINDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES\n(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\nSERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,\nSTRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)\nARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED\nOF THE POSSIBILITY OF SUCH DAMAGE\n\nCopyright (c) Cristian Gafton, 1998, <gafton@redhatcom>\n\n>  LDP General Public License\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\hu\\man1\\su1\n\nYou may copy, distribute and modify under the terms of the LDP General\nPublic License as specified in the LICENSE file that comes with the\ngnumaniak distribution\n\nThe author kindly requests that no comments regarding the \"better\"\nsuitability or up\\-to\\-date notices of any info documentation alternative\nis added without contacting him first\n\n(C) 1999 Ragnar Hojland Espinosa <ragnar@maculanet>\n\nGNU su man page\nman pages are NOT obsolete!\n<ragnar@maculanet>\nTH su 1 \"18 August 1999\" \"GNU Shell Utilities 20\"\n\n\n--------------- SECTION 2: Apache License, V2.0 ----------\n\nApache License, V2.0 is applicable to the following component(s).\n\n\n>>> apr-util-1.5.4\n\nLicensed to the Apache Software Foundation (ASF) under one or more\ncontributor license agreements.  See the NOTICE file distributed with\nthis work for additional information regarding copyright ownership.\nThe ASF licenses this file to You under the Apache License, Version 2.0\n(the \"License\"); you may not use this file except in compliance with\nthe License.  You may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\nADDITIONAL LICENSE INFORMATION:\n\n> apr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\NOTICE\n\nApache Portable Runtime Utility Library\nCopyright (c) 2000-2014 The Apache Software Foundation.\n\nThis product includes software developed at\nThe Apache Software Foundation (http://www.apache.org/).\n\nPortions of this software were developed at the National Center\nfor Supercomputing Applications (NCSA) at the University of\nIllinois at Urbana-Champaign.\n\nThis software contains code derived from the RSA Data Security\nInc. MD5 Message-Digest Algorithm, including various\nmodifications by Spyglass Inc., Carnegie Mellon University, and\nBell Communications Research, Inc (Bellcore).\n\n> RSA Data Security\n\napr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\include\\apr_md4.h\n\nThis is derived from material copyright RSA Data Security, Inc.\nTheir notice is reproduced below in its entirety.\n\nCopyright (C) 1991-2, RSA Data Security, Inc. Created 1991. All\nrights reserved.\n\nLicense to copy and use this software is granted provided that it\nis identified as the \"RSA Data Security, Inc. MD4 Message-Digest\nAlgorithm\" in all material mentioning or referencing this software\nor this function.\n\nLicense is also granted to make and use derivative works provided\nthat such works are identified as \"derived from the RSA Data\nSecurity, Inc. MD4 Message-Digest Algorithm\" in all material\nmentioning or referencing the derived work.\n\nRSA Data Security, Inc. makes no representations concerning either\nthe merchantability of this software or the suitability of this\nsoftware for any particular purpose. It is provided \"as is\"\nwithout express or implied warranty of any kind.\n\nThese notices must be retained in any copies of any part of this\ndocumentation and/or software.\n\n> MIT\n\napr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\xml\\expat\\COPYING\n\nCopyright (c) 1998, 1999, 2000 Thai Open Source Software Center Ltd\nand Clark Cooper\nCopyright (c) 2001, 2002 Expat maintainers.\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be included\nin all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.\nIN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY\nCLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,\nTORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\nSOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n> OpenLDAP Public License (BSD-Style)\n\nPortions Copyright 1998-2002 The OpenLDAP Foundation\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted only as authorized by the OpenLDAP\nPublic License.  A copy of this license is available at\nhttp://www.OpenLDAP.org/license.html or in file LICENSE in the\ntop-level directory of the distribution.\n\nOpenLDAP is a registered trademark of the OpenLDAP Foundation.\n\nIndividual files and/or contributed packages may be copyright by\nother parties and subject to additional restrictions.\n\nThis work is derived from the University of Michigan LDAP v3.3\ndistribution.  Information concerning this software is available\nat: http://www.umich.edu/~dirsvcs/ldap/\n\nThis work also contains materials derived from public sources.\n\nAdditional information about OpenLDAP can be obtained at:\nhttp://www.openldap.org/\n\n\n\nPortions Copyright (c) 1992-1996 Regents of the University of Michigan.\nAll rights reserved.\n\nRedistribution and use in source and binary forms are permitted\nprovided that this notice is preserved and that due credit is given\nto the University of Michigan at Ann Arbor. The name of the University\nmay not be used to endorse or promote products derived from this\nsoftware without specific prior written permission. This software\nis provided ``as is'' without express or implied warranty.\n\n\n>>> beego-1.6.1\n\nCopyright 2014 beego Author. All Rights Reserved.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\nADDITIONAL LICENSE INFORMATION:\n\n> BSD\n\nbeego-1.6.1.tar.gz\\beego-1.6.1.tar\\beego-1.6.1\\session\\README.md\n\nLICENSE\n\nBSD License http://creativecommons.org/licenses/BSD/\n\n> MIT\n\nbeego-1.6.1.tar.gz\\beego-1.6.1.tar\\beego-1.6.1\\utils\\captcha\\LICENSE\n\nCopyright (c) 2011-2014 Dmitry Chestnykh <dmitry@codingrobots.com>\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> docker-distribution-2.5.0\n\nLicense\n\nThis project is distributed under [Apache License, Version 2.0](LICENSE).\n\nADDITIONAL LICENSE INFORMATION:\n\n> MIT\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\bugsnag\\bugsnag-go\\LICENSE.txt\n\nCopyright (c) 2014 Bugsnag\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n\n> MIT Style\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\bugsnag\\osext\\LICENSE\n\nCopyright (c) 2012 Daniel Theophanes\n\nThis software is provided 'as-is', without any express or implied\nwarranty. In no event will the authors be held liable for any damages\narising from the use of this software.\n\nPermission is granted to anyone to use this software for any purpose,\nincluding commercial applications, and to alter it and redistribute it\nfreely, subject to the following restrictions:\n\n1. The origin of this software must not be misrepresented; you must not\nclaim that you wrote the original software. If you use this software\nin a product, an acknowledgment in the product documentation would be\nappreciated but is not required.\n\n2. Altered source versions must be plainly marked as such, and must not be\nmisrepresented as being the original software.\n\n3. This notice may not be removed or altered from any source\ndistribution.\n\n\n> CC-Attribution 3.0\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\docker\\libtrust\\README.md\n\nCopyright and license\n\nCode and documentation copyright 2014 Docker, inc. Code released under the Apache 2.0 license.\nDocs released under Creative commons.\n\n\n> BSD 3-Clause\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\golang\\protobuf\\LICENSE\n\nGo support for Protocol Buffers - Google's data interchange format\n\nCopyright 2010 The Go Authors.  All rights reserved.\nhttps://github.com/golang/protobuf\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are\nmet:\n\n* Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n* Redistributions in binary form must reproduce the above\ncopyright notice, this list of conditions and the following disclaimer\nin the documentation and/or other materials provided with the\ndistribution.\n* Neither the name of Google Inc. nor the names of its\ncontributors may be used to endorse or promote products derived from\nthis software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\nOWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n\n> BSD 2-Clause\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\gorilla\\handlers\\LICENSE\n\nCopyright (c) 2013 The Gorilla Handlers Authors. All rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are met:\n\nRedistributions of source code must retain the above copyright notice, this\nlist of conditions and the following disclaimer.\n\nRedistributions in binary form must reproduce the above copyright notice,\nthis list of conditions and the following disclaimer in the documentation\nand/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED\nWARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\nDISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\nSERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER\nCAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,\nOR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n> BSD-3\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\golang.org\\x\\crypto\\LICENSE\n\nCopyright (c) 2009 The Go Authors. All rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are\nmet:\n\n* Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n* Redistributions in binary form must reproduce the above\ncopyright notice, this list of conditions and the following disclaimer\nin the documentation and/or other materials provided with the\ndistribution.\n* Neither the name of Google Inc. nor the names of its\ncontributors may be used to endorse or promote products derived from\nthis software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\nOWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\nAdditional IP Rights Grant (Patents)\n\n\"This implementation\" means the copyrightable works distributed by\nGoogle as part of the Go project.\n\nGoogle hereby grants to You a perpetual, worldwide, non-exclusive,\nno-charge, royalty-free, irrevocable (except as stated in this section)\npatent license to make, have made, use, offer to sell, sell, import,\ntransfer and otherwise run, modify and propagate the contents of this\nimplementation of Go, where such license applies only to those patent\nclaims, both currently owned or controlled by Google and acquired in\nthe future, licensable by Google that are necessarily infringed by this\nimplementation of Go.  This grant does not include claims that would be\ninfringed only as a consequence of further modification of this\nimplementation.  If you or your agent or exclusive licensee institute or\norder or agree to the institution of patent litigation against any\nentity (including a cross-claim or counterclaim in a lawsuit) alleging\nthat this implementation of Go or any code incorporated within this\nimplementation of Go constitutes direct or contributory patent\ninfringement, or inducement of patent infringement, then any patent\nrights granted to you under this License for this implementation of Go\nshall terminate as of the date such litigation is filed.\n\n\n>>> docker-libtrust -9cbd2a1\n\nCopyright and license\n\nCode and documentation copyright 2014 Docker, inc. Code released under the Apache 2.0 license.\nDocs released under Creative commons.\n\n\n>>> registry-2.5.0\n\nLicense: Apache 2.0\n\n\n--------------- SECTION 3: GNU General Public License, V2.0 ----------\n\nGNU General Public License, V2.0 is applicable to the following component(s).\n\n\n>>> logrotate-3.9.1\n\nLICENSE : GPL 2.0\n\nADDITIONAL LICENSE INFORMATION:\n\n>   BSD 3-Clause\n\nlogrotate-3.9.1.tar.gz\\logrotate-3.9.1.tar\\logrotate-3.9.1\\queue.h\n\nCopyright (c) 1991, 1993\n\tThe Regents of the University of California.  All rights reserved.\n\n Redistribution and use in source and binary forms, with or without\n modification, are permitted provided that the following conditions\n are met:\n 1. Redistributions of source code must retain the above copyright\n    notice, this list of conditions and the following disclaimer.\n 2. Redistributions in binary form must reproduce the above copyright\n    notice, this list of conditions and the following disclaimer in the\n    documentation and/or other materials provided with the distribution.\n 3. Neither the name of the University nor the names of its contributors\n    may be used to endorse or promote products derived from this software\n    without specific prior written permission.\n\n THIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\n ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\n IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\n ARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\n FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\n DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\n OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\n HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\n LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\n OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\n SUCH DAMAGE.\n\n\n>>> mysql-5.6\n\nLicense: GPL 2.0\n\n\n--------------- SECTION 4: GNU General Public License, V3.0 ----------\n\nGNU General Public License, V3.0 is applicable to the following component(s).\n\n\n>>> rsyslog-8.15.0\n\nCopyright 2007, 2014 Rainer Gerhards and Adiscon GmbH.\n\nThis file is part of rsyslog.\n\nRsyslog is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version.\n\nRsyslog is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with Rsyslog.  If not, see <http://www.gnu.org/licenses/>.\n\nA copy of the GPL can be found in the file \"COPYING\" in this distribution.\n\nADDITIONAL LICENSE INFORMATION:\n\n> CDDL 1.1\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\compat\\getifaddrs.c\n\nThe contents of this file are subject to the terms of the\nCommon Development and Distribution License (the \"License\").\nYou may not use this file except in compliance with the License.\n\nYou can obtain a copy of the license at usr/src/OPENSOLARIS.LICENSE\nor http://www.opensolaris.org/os/licensing.\nSee the License for the specific language governing permissions\nand limitations under the License.\n\nWhen distributing Covered Code, include this CDDL HEADER in each\nfile and include the License file at usr/src/OPENSOLARIS.LICENSE.\nIf applicable, add the following below this CDDL HEADER, with the\nfields enclosed by brackets \"[]\" replaced with your own identifying\ninformation: Portions Copyright [yyyy] [name of copyright owner]\n\n> Apache 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\compat\\strndup.c\n\nCopyright 2015 Rainer Gerhards and Adiscon\n\nThis file is part of rsyslog.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n-or-\nsee COPYING.ASL20 in the source distribution\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n> LGPL  3.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\contrib\\imzmq3\\imzmq3.c\n\nCopyright 2012 Talksum, Inc.\n\nThis program is free software: you can redistribute it and/or\nmodify it under the terms of the GNU Lesser General Public License\nas published by the Free Software Foundation, either version 3 of\nthe License, or (at your option) any later version.\n\nThis program is distributed in the hope that it will be useful, but\nWITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU\nLesser General Public License for more details.\n\nYou should have received a copy of the GNU Lesser General Public\nLicense along with this program.  If not, see\n<http://www.gnu.org/licenses/>.\n\nAuthors:\nDavid Kelly <davidk@talksum.com>\nHongfei Cheng hongfeic@talksum.com\n\n> GPL 3.0 (WITH BISON PARSER EXCEPTION)\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\grammar\\grammar.c\n\nCopyright (C) 1984, 1989-1990, 2000-2013 Free Software Foundation, Inc.\n\nThis program is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version.\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with this program.  If not, see <http://www.gnu.org/licenses/>.\n\nAs a special exception, you may create a larger work that contains\npart or all of the Bison parser skeleton and distribute that work\nunder terms of your choice, so long as that work isn't itself a\nparser generator using the skeleton or a modified version thereof\nas a parser skeleton.  Alternatively, if you modify or redistribute\nthe parser skeleton itself, you may (at your option) remove this\nspecial exception, which will cause the skeleton and the resulting\nBison output files to be licensed under the GNU General Public\nLicense without this special exception.\n\nThis special exception was added by the Free Software Foundation in\nversion 2.2 of Bison.\n\n> MIT\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\plugins\\omelasticsearch\\cJSON\\cjson.c\n\nCopyright (c) 2009 Dave Gamble\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n> BSD 3-Clause\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\runtime\\hashtable.h\n\nCopyright (c) 2002, Christopher Clark\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n\nRedistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n\nRedistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nNeither the name of the original author; nor the names of any contributors\nmay be used to endorse or promote products derived from this software\nwithout specific prior written permission.\n\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL THE COPYRIGHT OWNER\nOR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,\nEXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,\nPROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR\nPROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF\nLIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING\nNEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS\nSOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n> GPL 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\tools\\rsyslog.conf.5\n\nThis file is part of the rsyslog  package, an enhanced system log daemon.\n\nThis program is free software; you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation; either version 2 of the License, or\n(at your option) any later version.\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with this program; if not, write to the Free Software\nFoundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111, USA.\n\n> LGPL 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\tools\\rscryutil.rst\n\nCOPYRIGHT\n=========\n\nThis page is part of the *rsyslog* project, and is available under\nLGPLv2.\n\n\n--------------- SECTION 5: Mozilla Public License, V2.0 ----------\n\nMozilla Public License, V2.0 is applicable to the following component(s).\n\n\n>>> go-sql-driver/mysql-1.2\n\nCopyright 2013 The Go-MySQL-Driver Authors. All rights reserved.\n\nThis Source Code Form is subject to the terms of the Mozilla Public\nLicense, v. 2.0. If a copy of the MPL was not distributed with this file,\nYou can obtain one at http://mozilla.org/MPL/2.0/.\n\n\n=============== APPENDIX. Standard License Files ============== \n\n\n\n--------------- SECTION 1: Mozilla Public License, V2.0 -----------\n\nMozilla Public License\nVersion 2.0\n\n1. Definitions\n\n1.1. Contributor\nmeans each individual or legal entity that creates, contributes to the creation of, or owns Covered Software.\n\n1.2. Contributor Version\nmeans the combination of the Contributions of others (if any) used by a Contributor and that particular Contributors Contribution.\n\n1.3. Contribution\nmeans Covered Software of a particular Contributor.\n\n1.4. Covered Software\nmeans Source Code Form to which the initial Contributor has attached the notice in Exhibit A, the Executable Form of such Source Code Form, and Modifications of such Source Code Form, in each case including portions thereof.\n\n1.5. Incompatible With Secondary Licenses\nmeans\n\nthat the initial Contributor has attached the notice described in Exhibit B to the Covered Software; or\n\nthat the Covered Software was made available under the terms of version 1.1 or earlier of the License, but not also under the terms of a Secondary License.\n\n1.6. Executable Form\nmeans any form of the work other than Source Code Form.\n\n1.7. Larger Work\nmeans a work that combines Covered Software with other material, in a separate file or files, that is not Covered Software.\n\n1.8. License\nmeans this document.\n\n1.9. Licensable\nmeans having the right to grant, to the maximum extent possible, whether at the time of the initial grant or subsequently, any and all of the rights conveyed by this License.\n\n1.10. Modifications\nmeans any of the following:\n\nany file in Source Code Form that results from an addition to, deletion from, or modification of the contents of Covered Software; or\n\nany new file in Source Code Form that contains any Covered Software.\n\n1.11. Patent Claims of a Contributor\nmeans any patent claim(s), including without limitation, method, process, and apparatus claims, in any patent Licensable by such Contributor that would be infringed, but for the grant of the License, by the making, using, selling, offering for sale, having made, import, or transfer of either its Contributions or its Contributor Version.\n\n1.12. Secondary License\nmeans either the GNU General Public License, Version 2.0, the GNU Lesser General Public License, Version 2.1, the GNU Affero General Public License, Version 3.0, or any later versions of those licenses.\n\n1.13. Source Code Form\nmeans the form of the work preferred for making modifications.\n\n1.14. You (or Your)\nmeans an individual or a legal entity exercising rights under this License. For legal entities, You includes any entity that controls, is controlled by, or is under common control with You. For purposes of this definition, control means (a) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (b) ownership of more than fifty percent (50%) of the outstanding shares or beneficial ownership of such entity.\n\n2. License Grants and Conditions\n\n2.1. Grants\n\nEach Contributor hereby grants You a world-wide, royalty-free, non-exclusive license:\n\nunder intellectual property rights (other than patent or trademark) Licensable by such Contributor to use, reproduce, make available, modify, display, perform, distribute, and otherwise exploit its Contributions, either on an unmodified basis, with Modifications, or as part of a Larger Work; and\n\nunder Patent Claims of such Contributor to make, use, sell, offer for sale, have made, import, and otherwise transfer either its Contributions or its Contributor Version.\n\n2.2. Effective Date\n\nThe licenses granted in Section 2.1 with respect to any Contribution become effective for each Contribution on the date the Contributor first distributes such Contribution.\n\n2.3. Limitations on Grant Scope\n\nThe licenses granted in this Section 2 are the only rights granted under this License. No additional rights or licenses will be implied from the distribution or licensing of Covered Software under this License. Notwithstanding Section 2.1(b) above, no patent license is granted by a Contributor:\n\nfor any code that a Contributor has removed from Covered Software; or\n\nfor infringements caused by: (i) Your and any other third partys modifications of Covered Software, or (ii) the combination of its Contributions with other software (except as part of its Contributor Version); or\n\nunder Patent Claims infringed by Covered Software in the absence of its Contributions.\n\nThis License does not grant any rights in the trademarks, service marks, or logos of any Contributor (except as may be necessary to comply with the notice requirements in Section 3.4).\n\n2.4. Subsequent Licenses\n\nNo Contributor makes additional grants as a result of Your choice to distribute the Covered Software under a subsequent version of this License (see Section 10.2) or under the terms of a Secondary License (if permitted under the terms of Section 3.3).\n\n2.5. Representation\n\nEach Contributor represents that the Contributor believes its Contributions are its original creation(s) or it has sufficient rights to grant the rights to its Contributions conveyed by this License.\n\n2.6. Fair Use\n\nThis License is not intended to limit any rights You have under applicable copyright doctrines of fair use, fair dealing, or other equivalents.\n\n2.7. Conditions\n\nSections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted in Section 2.1.\n\n3. Responsibilities\n\n3.1. Distribution of Source Form\n\nAll distribution of Covered Software in Source Code Form, including any Modifications that You create or to which You contribute, must be under the terms of this License. You must inform recipients that the Source Code Form of the Covered Software is governed by the terms of this License, and how they can obtain a copy of this License. You may not attempt to alter or restrict the recipients rights in the Source Code Form.\n\n3.2. Distribution of Executable Form\n\nIf You distribute Covered Software in Executable Form then:\n\nsuch Covered Software must also be made available in Source Code Form, as described in Section 3.1, and You must inform recipients of the Executable Form how they can obtain a copy of such Source Code Form by reasonable means in a timely manner, at a charge no more than the cost of distribution to the recipient; and\n\nYou may distribute such Executable Form under the terms of this License, or sublicense it under different terms, provided that the license for the Executable Form does not attempt to limit or alter the recipients rights in the Source Code Form under this License.\n\n3.3. Distribution of a Larger Work\n\nYou may create and distribute a Larger Work under terms of Your choice, provided that You also comply with the requirements of this License for the Covered Software. If the Larger Work is a combination of Covered Software with a work governed by one or more Secondary Licenses, and the Covered Software is not Incompatible With Secondary Licenses, this License permits You to additionally distribute such Covered Software under the terms of such Secondary License(s), so that the recipient of the Larger Work may, at their option, further distribute the Covered Software under the terms of either this License or such Secondary License(s).\n\n3.4. Notices\n\nYou may not remove or alter the substance of any license notices (including copyright notices, patent notices, disclaimers of warranty, or limitations of liability) contained within the Source Code Form of the Covered Software, except that You may alter any license notices to the extent required to remedy known factual inaccuracies.\n\n3.5. Application of Additional Terms\n\nYou may choose to offer, and to charge a fee for, warranty, support, indemnity or liability obligations to one or more recipients of Covered Software. However, You may do so only on Your own behalf, and not on behalf of any Contributor. You must make it absolutely clear that any such warranty, support, indemnity, or liability obligation is offered by You alone, and You hereby agree to indemnify every Contributor for any liability incurred by such Contributor as a result of warranty, support, indemnity or liability terms You offer. You may include additional disclaimers of warranty and limitations of liability specific to any jurisdiction.\n\n4. Inability to Comply Due to Statute or Regulation\n\nIf it is impossible for You to comply with any of the terms of this License with respect to some or all of the Covered Software due to statute, judicial order, or regulation then You must: (a) comply with the terms of this License to the maximum extent possible; and (b) describe the limitations and the code they affect. Such description must be placed in a text file included with all distributions of the Covered Software under this License. Except to the extent prohibited by statute or regulation, such description must be sufficiently detailed for a recipient of ordinary skill to be able to understand it.\n\n5. Termination\n\n5.1. The rights granted under this License will terminate automatically if You fail to comply with any of its terms. However, if You become compliant, then the rights granted under this License from a particular Contributor are reinstated (a) provisionally, unless and until such Contributor explicitly and finally terminates Your grants, and (b) on an ongoing basis, if such Contributor fails to notify You of the non-compliance by some reasonable means prior to 60 days after You have come back into compliance. Moreover, Your grants from a particular Contributor are reinstated on an ongoing basis if such Contributor notifies You of the non-compliance by some reasonable means, this is the first time You have received notice of non-compliance with this License from such Contributor, and You become compliant prior to 30 days after Your receipt of the notice.\n\n5.2. If You initiate litigation against any entity by asserting a patent infringement claim (excluding declaratory judgment actions, counter-claims, and cross-claims) alleging that a Contributor Version directly or indirectly infringes any patent, then the rights granted to You by any and all Contributors for the Covered Software under Section 2.1 of this License shall terminate.\n\n5.3. In the event of termination under Sections 5.1 or 5.2 above, all end user license agreements (excluding distributors and resellers) which have been validly granted by You or Your distributors under this License prior to termination shall survive termination.\n\n6. Disclaimer of Warranty\n\nCovered Software is provided under this License on an as is basis, without warranty of any kind, either expressed, implied, or statutory, including, without limitation, warranties that the Covered Software is free of defects, merchantable, fit for a particular purpose or non-infringing. The entire risk as to the quality and performance of the Covered Software is with You. Should any Covered Software prove defective in any respect, You (not any Contributor) assume the cost of any necessary servicing, repair, or correction. This disclaimer of warranty constitutes an essential part of this License. No use of any Covered Software is authorized under this License except under this disclaimer.\n\n7. Limitation of Liability\n\nUnder no circumstances and under no legal theory, whether tort (including negligence), contract, or otherwise, shall any Contributor, or anyone who distributes Covered Software as permitted above, be liable to You for any direct, indirect, special, incidental, or consequential damages of any character including, without limitation, damages for lost profits, loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses, even if such party shall have been informed of the possibility of such damages. This limitation of liability shall not apply to liability for death or personal injury resulting from such partys negligence to the extent applicable law prohibits such limitation. Some jurisdictions do not allow the exclusion or limitation of incidental or consequential damages, so this exclusion and limitation may not apply to You.\n\n8. Litigation\n\nAny litigation relating to this License may be brought only in the courts of a jurisdiction where the defendant maintains its principal place of business and such litigation shall be governed by laws of that jurisdiction, without reference to its conflict-of-law provisions. Nothing in this Section shall prevent a partys ability to bring cross-claims or counter-claims.\n\n9. Miscellaneous\n\nThis License represents the complete agreement concerning the subject matter hereof. If any provision of this License is held to be unenforceable, such provision shall be reformed only to the extent necessary to make it enforceable. Any law or regulation which provides that the language of a contract shall be construed against the drafter shall not be used to construe this License against a Contributor.\n\n10. Versions of the License\n\n10.1. New Versions\n\nMozilla Foundation is the license steward. Except as provided in Section 10.3, no one other than the license steward has the right to modify or publish new versions of this License. Each version will be given a distinguishing version number.\n\n10.2. Effect of New Versions\n\nYou may distribute the Covered Software under the terms of the version of the License under which You originally received the Covered Software, or under the terms of any subsequent version published by the license steward.\n\n10.3. Modified Versions\n\nIf you create software not governed by this License, and you want to create a new license for such software, you may create and use a modified version of this License if you rename the license and remove any references to the name of the license steward (except to note that such modified license differs from this License).\n\n10.4. Distributing Source Code Form that is Incompatible With Secondary Licenses\n\nIf You choose to distribute Source Code Form that is Incompatible With Secondary Licenses under the terms of this version of the License, the notice described in Exhibit B of this License must be attached.\n\nExhibit A - Source Code Form License Notice\n\nThis Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/.\n\nIf it is not possible or desirable to put the notice in a particular file, then You may include the notice in a location (such as a LICENSE file in a relevant directory) where a recipient would be likely to look for such a notice.\n\nYou may add additional accurate notices of copyright ownership.\n\nExhibit B - Incompatible With Secondary Licenses Notice\n\nThis Source Code Form is Incompatible With Secondary Licenses, as defined by the Mozilla Public License, v. 2.0.\n\n--------------- SECTION 2: Apache License, V2.0 -----------\n\nApache License \n\nVersion 2.0, January 2004 \nhttp://www.apache.org/licenses/ \n\nTERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION \n\n1. Definitions.\n\n\"License\" shall mean the terms and conditions for use, reproduction,\nand distribution as defined by Sections 1 through 9 of this document.\n\n\"Licensor\" shall mean the copyright owner or entity authorized by the\ncopyright owner that is granting the License.  \n\n\"Legal Entity\" shall mean the union of the acting entity and all other\nentities that control, are controlled by, or are under common control\nwith that entity. For the purposes of this definition, \"control\" means\n(i) the power, direct or indirect, to cause the direction or management\nof such entity, whether by contract or otherwise, or (ii) ownership\nof fifty percent (50%) or more of the outstanding shares, or (iii)\nbeneficial ownership of such entity.\n\n\"You\" (or \"Your\") shall mean an individual or Legal Entity exercising\npermissions granted by this License.  \n\n\"Source\" form shall mean the preferred form for making modifications,\nincluding but not limited to software source code, documentation source,\nand configuration files.\n\n\"Object\" form shall mean any form resulting from mechanical transformation\nor translation of a Source form, including but not limited to compiled\nobject code, generated documentation, and conversions to other media\ntypes.  \n\n\"Work\" shall mean the work of authorship, whether in Source or\nObject form, made available under the License, as indicated by a copyright\nnotice that is included in or attached to the work (an example is provided\nin the Appendix below).  \n\n\"Derivative Works\" shall mean any work, whether in Source or Object form,\nthat is based on (or derived from) the Work and for which the editorial\nrevisions, annotations, elaborations, or other modifications represent,\nas a whole, an original work of authorship. For the purposes of this\nLicense, Derivative Works shall not include works that remain separable\nfrom, or merely link (or bind by name) to the interfaces of, the Work\nand Derivative Works thereof.\n\n\"Contribution\" shall mean any work of authorship, including the\noriginal version of the Work and any modifications or additions to\nthat Work or Derivative Works thereof, that is intentionally submitted\nto Licensor for inclusion in the Work by the copyright owner or by an\nindividual or Legal Entity authorized to submit on behalf of the copyright\nowner. For the purposes of this definition, \"submitted\" means any form of\nelectronic, verbal, or written communication sent to the Licensor or its\nrepresentatives, including but not limited to communication on electronic\nmailing lists, source code control systems, and issue tracking systems\nthat are managed by, or on behalf of, the Licensor for the purpose of\ndiscussing and improving the Work, but excluding communication that is\nconspicuously marked or otherwise designated in writing by the copyright\nowner as \"Not a Contribution.\"\n\n\"Contributor\" shall mean Licensor and any individual or Legal Entity\non behalf of whom a Contribution has been received by Licensor and\nsubsequently incorporated within the Work.\n\n2. Grant of Copyright License.\nSubject to the terms and conditions of this License, each Contributor\nhereby grants to You a perpetual, worldwide, non-exclusive, no-charge,\nroyalty-free, irrevocable copyright license to reproduce, prepare\nDerivative Works of, publicly display, publicly perform, sublicense, and\ndistribute the Work and such Derivative Works in Source or Object form.\n\n3. Grant of Patent License.\nSubject to the terms and conditions of this License, each Contributor\nhereby grants to You a perpetual, worldwide, non-exclusive, no-charge,\nroyalty- free, irrevocable (except as stated in this section) patent\nlicense to make, have made, use, offer to sell, sell, import, and\notherwise transfer the Work, where such license applies only to those\npatent claims licensable by such Contributor that are necessarily\ninfringed by their Contribution(s) alone or by combination of\ntheir Contribution(s) with the Work to which such Contribution(s)\nwas submitted. If You institute patent litigation against any entity\n(including a cross-claim or counterclaim in a lawsuit) alleging that the\nWork or a Contribution incorporated within the Work constitutes direct\nor contributory patent infringement, then any patent licenses granted\nto You under this License for that Work shall terminate as of the date\nsuch litigation is filed.\n\n4. Redistribution.\nYou may reproduce and distribute copies of the Work or Derivative Works\nthereof in any medium, with or without modifications, and in Source or\nObject form, provided that You meet the following conditions:\n\n  a. You must give any other recipients of the Work or Derivative Works\n     a copy of this License; and\n\n  b. You must cause any modified files to carry prominent notices stating\n     that You changed the files; and\n\n  c. You must retain, in the Source form of any Derivative Works that\n     You distribute, all copyright, patent, trademark, and attribution\n     notices from the Source form of the Work, excluding those notices\n     that do not pertain to any part of the Derivative Works; and\n\n  d. If the Work includes a \"NOTICE\" text file as part of its\n     distribution, then any Derivative Works that You distribute must\n     include a readable copy of the attribution notices contained\n     within such NOTICE file, excluding those notices that do not\n     pertain to any part of the Derivative Works, in at least one of\n     the following places: within a NOTICE text file distributed as part\n     of the Derivative Works; within the Source form or documentation,\n     if provided along with the Derivative Works; or, within a display\n     generated by the Derivative Works, if and wherever such third-party\n     notices normally appear. The contents of the NOTICE file are for\n     informational purposes only and do not modify the License. You\n     may add Your own attribution notices within Derivative Works that\n     You distribute, alongside or as an addendum to the NOTICE text\n     from the Work, provided that such additional attribution notices\n     cannot be construed as modifying the License.  You may add Your own\n     copyright statement to Your modifications and may provide additional\n     or different license terms and conditions for use, reproduction, or\n     distribution of Your modifications, or for any such Derivative Works\n     as a whole, provided Your use, reproduction, and distribution of the\n     Work otherwise complies with the conditions stated in this License.\n\n5. Submission of Contributions.\nUnless You explicitly state otherwise, any Contribution intentionally\nsubmitted for inclusion in the Work by You to the Licensor shall be\nunder the terms and conditions of this License, without any additional\nterms or conditions.  Notwithstanding the above, nothing herein shall\nsupersede or modify the terms of any separate license agreement you may\nhave executed with Licensor regarding such Contributions.\n\n6. Trademarks.\nThis License does not grant permission to use the trade names, trademarks,\nservice marks, or product names of the Licensor, except as required for\nreasonable and customary use in describing the origin of the Work and\nreproducing the content of the NOTICE file.\n\n7. Disclaimer of Warranty.\nUnless required by applicable law or agreed to in writing, Licensor\nprovides the Work (and each Contributor provides its Contributions) on\nan \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either\nexpress or implied, including, without limitation, any warranties or\nconditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR\nA PARTICULAR PURPOSE. You are solely responsible for determining the\nappropriateness of using or redistributing the Work and assume any risks\nassociated with Your exercise of permissions under this License.\n\n8. Limitation of Liability.\nIn no event and under no legal theory, whether in tort (including\nnegligence), contract, or otherwise, unless required by applicable law\n(such as deliberate and grossly negligent acts) or agreed to in writing,\nshall any Contributor be liable to You for damages, including any direct,\nindirect, special, incidental, or consequential damages of any character\narising as a result of this License or out of the use or inability to\nuse the Work (including but not limited to damages for loss of goodwill,\nwork stoppage, computer failure or malfunction, or any and all other\ncommercial damages or losses), even if such Contributor has been advised\nof the possibility of such damages.\n\n9. Accepting Warranty or Additional Liability.\nWhile redistributing the Work or Derivative Works thereof, You may\nchoose to offer, and charge a fee for, acceptance of support, warranty,\nindemnity, or other liability obligations and/or rights consistent with\nthis License. However, in accepting such obligations, You may act only\non Your own behalf and on Your sole responsibility, not on behalf of\nany other Contributor, and only if You agree to indemnify, defend, and\nhold each Contributor harmless for any liability incurred by, or claims\nasserted against, such Contributor by reason of your accepting any such\nwarranty or additional liability.\n\nEND OF TERMS AND CONDITIONS \n\n\n\n--------------- SECTION 3: GNU General Public License, V3.0 -----------\n\n                    GNU GENERAL PUBLIC LICENSE\n                       Version 3, 29 June 2007\n\n Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n                            Preamble\n\n  The GNU General Public License is a free, copyleft license for\nsoftware and other kinds of works.\n\n  The licenses for most software and other practical works are designed\nto take away your freedom to share and change the works.  By contrast,\nthe GNU General Public License is intended to guarantee your freedom to\nshare and change all versions of a program--to make sure it remains free\nsoftware for all its users.  We, the Free Software Foundation, use the\nGNU General Public License for most of our software; it applies also to\nany other work released this way by its authors.  You can apply it to\nyour programs, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthem if you wish), that you receive source code or can get it if you\nwant it, that you can change the software or use pieces of it in new\nfree programs, and that you know you can do these things.\n\n  To protect your rights, we need to prevent others from denying you\nthese rights or asking you to surrender the rights.  Therefore, you have\ncertain responsibilities if you distribute copies of the software, or if\nyou modify it: responsibilities to respect the freedom of others.\n\n  For example, if you distribute copies of such a program, whether\ngratis or for a fee, you must pass on to the recipients the same\nfreedoms that you received.  You must make sure that they, too, receive\nor can get the source code.  And you must show them these terms so they\nknow their rights.\n\n  Developers that use the GNU GPL protect your rights with two steps:\n(1) assert copyright on the software, and (2) offer you this License\ngiving you legal permission to copy, distribute and/or modify it.\n\n  For the developers' and authors' protection, the GPL clearly explains\nthat there is no warranty for this free software.  For both users' and\nauthors' sake, the GPL requires that modified versions be marked as\nchanged, so that their problems will not be attributed erroneously to\nauthors of previous versions.\n\n  Some devices are designed to deny users access to install or run\nmodified versions of the software inside them, although the manufacturer\ncan do so.  This is fundamentally incompatible with the aim of\nprotecting users' freedom to change the software.  The systematic\npattern of such abuse occurs in the area of products for individuals to\nuse, which is precisely where it is most unacceptable.  Therefore, we\nhave designed this version of the GPL to prohibit the practice for those\nproducts.  If such problems arise substantially in other domains, we\nstand ready to extend this provision to those domains in future versions\nof the GPL, as needed to protect the freedom of users.\n\n  Finally, every program is threatened constantly by software patents.\nStates should not allow patents to restrict development and use of\nsoftware on general-purpose computers, but in those that do, we wish to\navoid the special danger that patents applied to a free program could\nmake it effectively proprietary.  To prevent this, the GPL assures that\npatents cannot be used to render the program non-free.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.\n\n                       TERMS AND CONDITIONS\n\n  0. Definitions.\n\n  \"This License\" refers to version 3 of the GNU General Public License.\n\n  \"Copyright\" also means copyright-like laws that apply to other kinds of\nworks, such as semiconductor masks.\n\n  \"The Program\" refers to any copyrightable work licensed under this\nLicense.  Each licensee is addressed as \"you\".  \"Licensees\" and\n\"recipients\" may be individuals or organizations.\n\n  To \"modify\" a work means to copy from or adapt all or part of the work\nin a fashion requiring copyright permission, other than the making of an\nexact copy.  The resulting work is called a \"modified version\" of the\nearlier work or a work \"based on\" the earlier work.\n\n  A \"covered work\" means either the unmodified Program or a work based\non the Program.\n\n  To \"propagate\" a work means to do anything with it that, without\npermission, would make you directly or secondarily liable for\ninfringement under applicable copyright law, except executing it on a\ncomputer or modifying a private copy.  Propagation includes copying,\ndistribution (with or without modification), making available to the\npublic, and in some countries other activities as well.\n\n  To \"convey\" a work means any kind of propagation that enables other\nparties to make or receive copies.  Mere interaction with a user through\na computer network, with no transfer of a copy, is not conveying.\n\n  An interactive user interface displays \"Appropriate Legal Notices\"\nto the extent that it includes a convenient and prominently visible\nfeature that (1) displays an appropriate copyright notice, and (2)\ntells the user that there is no warranty for the work (except to the\nextent that warranties are provided), that licensees may convey the\nwork under this License, and how to view a copy of this License.  If\nthe interface presents a list of user commands or options, such as a\nmenu, a prominent item in the list meets this criterion.\n\n  1. Source Code.\n\n  The \"source code\" for a work means the preferred form of the work\nfor making modifications to it.  \"Object code\" means any non-source\nform of a work.\n\n  A \"Standard Interface\" means an interface that either is an official\nstandard defined by a recognized standards body, or, in the case of\ninterfaces specified for a particular programming language, one that\nis widely used among developers working in that language.\n\n  The \"System Libraries\" of an executable work include anything, other\nthan the work as a whole, that (a) is included in the normal form of\npackaging a Major Component, but which is not part of that Major\nComponent, and (b) serves only to enable use of the work with that\nMajor Component, or to implement a Standard Interface for which an\nimplementation is available to the public in source code form.  A\n\"Major Component\", in this context, means a major essential component\n(kernel, window system, and so on) of the specific operating system\n(if any) on which the executable work runs, or a compiler used to\nproduce the work, or an object code interpreter used to run it.\n\n  The \"Corresponding Source\" for a work in object code form means all\nthe source code needed to generate, install, and (for an executable\nwork) run the object code and to modify the work, including scripts to\ncontrol those activities.  However, it does not include the work's\nSystem Libraries, or general-purpose tools or generally available free\nprograms which are used unmodified in performing those activities but\nwhich are not part of the work.  For example, Corresponding Source\nincludes interface definition files associated with source files for\nthe work, and the source code for shared libraries and dynamically\nlinked subprograms that the work is specifically designed to require,\nsuch as by intimate data communication or control flow between those\nsubprograms and other parts of the work.\n\n  The Corresponding Source need not include anything that users\ncan regenerate automatically from other parts of the Corresponding\nSource.\n\n  The Corresponding Source for a work in source code form is that\nsame work.\n\n  2. Basic Permissions.\n\n  All rights granted under this License are granted for the term of\ncopyright on the Program, and are irrevocable provided the stated\nconditions are met.  This License explicitly affirms your unlimited\npermission to run the unmodified Program.  The output from running a\ncovered work is covered by this License only if the output, given its\ncontent, constitutes a covered work.  This License acknowledges your\nrights of fair use or other equivalent, as provided by copyright law.\n\n  You may make, run and propagate covered works that you do not\nconvey, without conditions so long as your license otherwise remains\nin force.  You may convey covered works to others for the sole purpose\nof having them make modifications exclusively for you, or provide you\nwith facilities for running those works, provided that you comply with\nthe terms of this License in conveying all material for which you do\nnot control copyright.  Those thus making or running the covered works\nfor you must do so exclusively on your behalf, under your direction\nand control, on terms that prohibit them from making any copies of\nyour copyrighted material outside their relationship with you.\n\n  Conveying under any other circumstances is permitted solely under\nthe conditions stated below.  Sublicensing is not allowed; section 10\nmakes it unnecessary.\n\n  3. Protecting Users' Legal Rights From Anti-Circumvention Law.\n\n  No covered work shall be deemed part of an effective technological\nmeasure under any applicable law fulfilling obligations under article\n11 of the WIPO copyright treaty adopted on 20 December 1996, or\nsimilar laws prohibiting or restricting circumvention of such\nmeasures.\n\n  When you convey a covered work, you waive any legal power to forbid\ncircumvention of technological measures to the extent such circumvention\nis effected by exercising rights under this License with respect to\nthe covered work, and you disclaim any intention to limit operation or\nmodification of the work as a means of enforcing, against the work's\nusers, your or third parties' legal rights to forbid circumvention of\ntechnological measures.\n\n  4. Conveying Verbatim Copies.\n\n  You may convey verbatim copies of the Program's source code as you\nreceive it, in any medium, provided that you conspicuously and\nappropriately publish on each copy an appropriate copyright notice;\nkeep intact all notices stating that this License and any\nnon-permissive terms added in accord with section 7 apply to the code;\nkeep intact all notices of the absence of any warranty; and give all\nrecipients a copy of this License along with the Program.\n\n  You may charge any price or no price for each copy that you convey,\nand you may offer support or warranty protection for a fee.\n\n  5. Conveying Modified Source Versions.\n\n  You may convey a work based on the Program, or the modifications to\nproduce it from the Program, in the form of source code under the\nterms of section 4, provided that you also meet all of these conditions:\n\n    a) The work must carry prominent notices stating that you modified\n    it, and giving a relevant date.\n\n    b) The work must carry prominent notices stating that it is\n    released under this License and any conditions added under section\n    7.  This requirement modifies the requirement in section 4 to\n    \"keep intact all notices\".\n\n    c) You must license the entire work, as a whole, under this\n    License to anyone who comes into possession of a copy.  This\n    License will therefore apply, along with any applicable section 7\n    additional terms, to the whole of the work, and all its parts,\n    regardless of how they are packaged.  This License gives no\n    permission to license the work in any other way, but it does not\n    invalidate such permission if you have separately received it.\n\n    d) If the work has interactive user interfaces, each must display\n    Appropriate Legal Notices; however, if the Program has interactive\n    interfaces that do not display Appropriate Legal Notices, your\n    work need not make them do so.\n\n  A compilation of a covered work with other separate and independent\nworks, which are not by their nature extensions of the covered work,\nand which are not combined with it such as to form a larger program,\nin or on a volume of a storage or distribution medium, is called an\n\"aggregate\" if the compilation and its resulting copyright are not\nused to limit the access or legal rights of the compilation's users\nbeyond what the individual works permit.  Inclusion of a covered work\nin an aggregate does not cause this License to apply to the other\nparts of the aggregate.\n\n  6. Conveying Non-Source Forms.\n\n  You may convey a covered work in object code form under the terms\nof sections 4 and 5, provided that you also convey the\nmachine-readable Corresponding Source under the terms of this License,\nin one of these ways:\n\n    a) Convey the object code in, or embodied in, a physical product\n    (including a physical distribution medium), accompanied by the\n    Corresponding Source fixed on a durable physical medium\n    customarily used for software interchange.\n\n    b) Convey the object code in, or embodied in, a physical product\n    (including a physical distribution medium), accompanied by a\n    written offer, valid for at least three years and valid for as\n    long as you offer spare parts or customer support for that product\n    model, to give anyone who possesses the object code either (1) a\n    copy of the Corresponding Source for all the software in the\n    product that is covered by this License, on a durable physical\n    medium customarily used for software interchange, for a price no\n    more than your reasonable cost of physically performing this\n    conveying of source, or (2) access to copy the\n    Corresponding Source from a network server at no charge.\n\n    c) Convey individual copies of the object code with a copy of the\n    written offer to provide the Corresponding Source.  This\n    alternative is allowed only occasionally and noncommercially, and\n    only if you received the object code with such an offer, in accord\n    with subsection 6b.\n\n    d) Convey the object code by offering access from a designated\n    place (gratis or for a charge), and offer equivalent access to the\n    Corresponding Source in the same way through the same place at no\n    further charge.  You need not require recipients to copy the\n    Corresponding Source along with the object code.  If the place to\n    copy the object code is a network server, the Corresponding Source\n    may be on a different server (operated by you or a third party)\n    that supports equivalent copying facilities, provided you maintain\n    clear directions next to the object code saying where to find the\n    Corresponding Source.  Regardless of what server hosts the\n    Corresponding Source, you remain obligated to ensure that it is\n    available for as long as needed to satisfy these requirements.\n\n    e) Convey the object code using peer-to-peer transmission, provided\n    you inform other peers where the object code and Corresponding\n    Source of the work are being offered to the general public at no\n    charge under subsection 6d.\n\n  A separable portion of the object code, whose source code is excluded\nfrom the Corresponding Source as a System Library, need not be\nincluded in conveying the object code work.\n\n  A \"User Product\" is either (1) a \"consumer product\", which means any\ntangible personal property which is normally used for personal, family,\nor household purposes, or (2) anything designed or sold for incorporation\ninto a dwelling.  In determining whether a product is a consumer product,\ndoubtful cases shall be resolved in favor of coverage.  For a particular\nproduct received by a particular user, \"normally used\" refers to a\ntypical or common use of that class of product, regardless of the status\nof the particular user or of the way in which the particular user\nactually uses, or expects or is expected to use, the product.  A product\nis a consumer product regardless of whether the product has substantial\ncommercial, industrial or non-consumer uses, unless such uses represent\nthe only significant mode of use of the product.\n\n  \"Installation Information\" for a User Product means any methods,\nprocedures, authorization keys, or other information required to install\nand execute modified versions of a covered work in that User Product from\na modified version of its Corresponding Source.  The information must\nsuffice to ensure that the continued functioning of the modified object\ncode is in no case prevented or interfered with solely because\nmodification has been made.\n\n  If you convey an object code work under this section in, or with, or\nspecifically for use in, a User Product, and the conveying occurs as\npart of a transaction in which the right of possession and use of the\nUser Product is transferred to the recipient in perpetuity or for a\nfixed term (regardless of how the transaction is characterized), the\nCorresponding Source conveyed under this section must be accompanied\nby the Installation Information.  But this requirement does not apply\nif neither you nor any third party retains the ability to install\nmodified object code on the User Product (for example, the work has\nbeen installed in ROM).\n\n  The requirement to provide Installation Information does not include a\nrequirement to continue to provide support service, warranty, or updates\nfor a work that has been modified or installed by the recipient, or for\nthe User Product in which it has been modified or installed.  Access to a\nnetwork may be denied when the modification itself materially and\nadversely affects the operation of the network or violates the rules and\nprotocols for communication across the network.\n\n  Corresponding Source conveyed, and Installation Information provided,\nin accord with this section must be in a format that is publicly\ndocumented (and with an implementation available to the public in\nsource code form), and must require no special password or key for\nunpacking, reading or copying.\n\n  7. Additional Terms.\n\n  \"Additional permissions\" are terms that supplement the terms of this\nLicense by making exceptions from one or more of its conditions.\nAdditional permissions that are applicable to the entire Program shall\nbe treated as though they were included in this License, to the extent\nthat they are valid under applicable law.  If additional permissions\napply only to part of the Program, that part may be used separately\nunder those permissions, but the entire Program remains governed by\nthis License without regard to the additional permissions.\n\n  When you convey a copy of a covered work, you may at your option\nremove any additional permissions from that copy, or from any part of\nit.  (Additional permissions may be written to require their own\nremoval in certain cases when you modify the work.)  You may place\nadditional permissions on material, added by you to a covered work,\nfor which you have or can give appropriate copyright permission.\n\n  Notwithstanding any other provision of this License, for material you\nadd to a covered work, you may (if authorized by the copyright holders of\nthat material) supplement the terms of this License with terms:\n\n    a) Disclaiming warranty or limiting liability differently from the\n    terms of sections 15 and 16 of this License; or\n\n    b) Requiring preservation of specified reasonable legal notices or\n    author attributions in that material or in the Appropriate Legal\n    Notices displayed by works containing it; or\n\n    c) Prohibiting misrepresentation of the origin of that material, or\n    requiring that modified versions of such material be marked in\n    reasonable ways as different from the original version; or\n\n    d) Limiting the use for publicity purposes of names of licensors or\n    authors of the material; or\n\n    e) Declining to grant rights under trademark law for use of some\n    trade names, trademarks, or service marks; or\n\n    f) Requiring indemnification of licensors and authors of that\n    material by anyone who conveys the material (or modified versions of\n    it) with contractual assumptions of liability to the recipient, for\n    any liability that these contractual assumptions directly impose on\n    those licensors and authors.\n\n  All other non-permissive additional terms are considered \"further\nrestrictions\" within the meaning of section 10.  If the Program as you\nreceived it, or any part of it, contains a notice stating that it is\ngoverned by this License along with a term that is a further\nrestriction, you may remove that term.  If a license document contains\na further restriction but permits relicensing or conveying under this\nLicense, you may add to a covered work material governed by the terms\nof that license document, provided that the further restriction does\nnot survive such relicensing or conveying.\n\n  If you add terms to a covered work in accord with this section, you\nmust place, in the relevant source files, a statement of the\nadditional terms that apply to those files, or a notice indicating\nwhere to find the applicable terms.\n\n  Additional terms, permissive or non-permissive, may be stated in the\nform of a separately written license, or stated as exceptions;\nthe above requirements apply either way.\n\n  8. Termination.\n\n  You may not propagate or modify a covered work except as expressly\nprovided under this License.  Any attempt otherwise to propagate or\nmodify it is void, and will automatically terminate your rights under\nthis License (including any patent licenses granted under the third\nparagraph of section 11).\n\n  However, if you cease all violation of this License, then your\nlicense from a particular copyright holder is reinstated (a)\nprovisionally, unless and until the copyright holder explicitly and\nfinally terminates your license, and (b) permanently, if the copyright\nholder fails to notify you of the violation by some reasonable means\nprior to 60 days after the cessation.\n\n  Moreover, your license from a particular copyright holder is\nreinstated permanently if the copyright holder notifies you of the\nviolation by some reasonable means, this is the first time you have\nreceived notice of violation of this License (for any work) from that\ncopyright holder, and you cure the violation prior to 30 days after\nyour receipt of the notice.\n\n  Termination of your rights under this section does not terminate the\nlicenses of parties who have received copies or rights from you under\nthis License.  If your rights have been terminated and not permanently\nreinstated, you do not qualify to receive new licenses for the same\nmaterial under section 10.\n\n  9. Acceptance Not Required for Having Copies.\n\n  You are not required to accept this License in order to receive or\nrun a copy of the Program.  Ancillary propagation of a covered work\noccurring solely as a consequence of using peer-to-peer transmission\nto receive a copy likewise does not require acceptance.  However,\nnothing other than this License grants you permission to propagate or\nmodify any covered work.  These actions infringe copyright if you do\nnot accept this License.  Therefore, by modifying or propagating a\ncovered work, you indicate your acceptance of this License to do so.\n\n  10. Automatic Licensing of Downstream Recipients.\n\n  Each time you convey a covered work, the recipient automatically\nreceives a license from the original licensors, to run, modify and\npropagate that work, subject to this License.  You are not responsible\nfor enforcing compliance by third parties with this License.\n\n  An \"entity transaction\" is a transaction transferring control of an\norganization, or substantially all assets of one, or subdividing an\norganization, or merging organizations.  If propagation of a covered\nwork results from an entity transaction, each party to that\ntransaction who receives a copy of the work also receives whatever\nlicenses to the work the party's predecessor in interest had or could\ngive under the previous paragraph, plus a right to possession of the\nCorresponding Source of the work from the predecessor in interest, if\nthe predecessor has it or can get it with reasonable efforts.\n\n  You may not impose any further restrictions on the exercise of the\nrights granted or affirmed under this License.  For example, you may\nnot impose a license fee, royalty, or other charge for exercise of\nrights granted under this License, and you may not initiate litigation\n(including a cross-claim or counterclaim in a lawsuit) alleging that\nany patent claim is infringed by making, using, selling, offering for\nsale, or importing the Program or any portion of it.\n\n  11. Patents.\n\n  A \"contributor\" is a copyright holder who authorizes use under this\nLicense of the Program or a work on which the Program is based.  The\nwork thus licensed is called the contributor's \"contributor version\".\n\n  A contributor's \"essential patent claims\" are all patent claims\nowned or controlled by the contributor, whether already acquired or\nhereafter acquired, that would be infringed by some manner, permitted\nby this License, of making, using, or selling its contributor version,\nbut do not include claims that would be infringed only as a\nconsequence of further modification of the contributor version.  For\npurposes of this definition, \"control\" includes the right to grant\npatent sublicenses in a manner consistent with the requirements of\nthis License.\n\n  Each contributor grants you a non-exclusive, worldwide, royalty-free\npatent license under the contributor's essential patent claims, to\nmake, use, sell, offer for sale, import and otherwise run, modify and\npropagate the contents of its contributor version.\n\n  In the following three paragraphs, a \"patent license\" is any express\nagreement or commitment, however denominated, not to enforce a patent\n(such as an express permission to practice a patent or covenant not to\nsue for patent infringement).  To \"grant\" such a patent license to a\nparty means to make such an agreement or commitment not to enforce a\npatent against the party.\n\n  If you convey a covered work, knowingly relying on a patent license,\nand the Corresponding Source of the work is not available for anyone\nto copy, free of charge and under the terms of this License, through a\npublicly available network server or other readily accessible means,\nthen you must either (1) cause the Corresponding Source to be so\navailable, or (2) arrange to deprive yourself of the benefit of the\npatent license for this particular work, or (3) arrange, in a manner\nconsistent with the requirements of this License, to extend the patent\nlicense to downstream recipients.  \"Knowingly relying\" means you have\nactual knowledge that, but for the patent license, your conveying the\ncovered work in a country, or your recipient's use of the covered work\nin a country, would infringe one or more identifiable patents in that\ncountry that you have reason to believe are valid.\n\n  If, pursuant to or in connection with a single transaction or\narrangement, you convey, or propagate by procuring conveyance of, a\ncovered work, and grant a patent license to some of the parties\nreceiving the covered work authorizing them to use, propagate, modify\nor convey a specific copy of the covered work, then the patent license\nyou grant is automatically extended to all recipients of the covered\nwork and works based on it.\n\n  A patent license is \"discriminatory\" if it does not include within\nthe scope of its coverage, prohibits the exercise of, or is\nconditioned on the non-exercise of one or more of the rights that are\nspecifically granted under this License.  You may not convey a covered\nwork if you are a party to an arrangement with a third party that is\nin the business of distributing software, under which you make payment\nto the third party based on the extent of your activity of conveying\nthe work, and under which the third party grants, to any of the\nparties who would receive the covered work from you, a discriminatory\npatent license (a) in connection with copies of the covered work\nconveyed by you (or copies made from those copies), or (b) primarily\nfor and in connection with specific products or compilations that\ncontain the covered work, unless you entered into that arrangement,\nor that patent license was granted, prior to 28 March 2007.\n\n  Nothing in this License shall be construed as excluding or limiting\nany implied license or other defenses to infringement that may\notherwise be available to you under applicable patent law.\n\n  12. No Surrender of Others' Freedom.\n\n  If conditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot convey a\ncovered work so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you may\nnot convey it at all.  For example, if you agree to terms that obligate you\nto collect a royalty for further conveying from those to whom you convey\nthe Program, the only way you could satisfy both those terms and this\nLicense would be to refrain entirely from conveying the Program.\n\n  13. Use with the GNU Affero General Public License.\n\n  Notwithstanding any other provision of this License, you have\npermission to link or combine any covered work with a work licensed\nunder version 3 of the GNU Affero General Public License into a single\ncombined work, and to convey the resulting work.  The terms of this\nLicense will continue to apply to the part which is the covered work,\nbut the special requirements of the GNU Affero General Public License,\nsection 13, concerning interaction through a network will apply to the\ncombination as such.\n\n  14. Revised Versions of this License.\n\n  The Free Software Foundation may publish revised and/or new versions of\nthe GNU General Public License from time to time.  Such new versions will\nbe similar in spirit to the present version, but may differ in detail to\naddress new problems or concerns.\n\n  Each version is given a distinguishing version number.  If the\nProgram specifies that a certain numbered version of the GNU General\nPublic License \"or any later version\" applies to it, you have the\noption of following the terms and conditions either of that numbered\nversion or of any later version published by the Free Software\nFoundation.  If the Program does not specify a version number of the\nGNU General Public License, you may choose any version ever published\nby the Free Software Foundation.\n\n  If the Program specifies that a proxy can decide which future\nversions of the GNU General Public License can be used, that proxy's\npublic statement of acceptance of a version permanently authorizes you\nto choose that version for the Program.\n\n  Later license versions may give you additional or different\npermissions.  However, no additional obligations are imposed on any\nauthor or copyright holder as a result of your choosing to follow a\nlater version.\n\n  15. Disclaimer of Warranty.\n\n  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY\nAPPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT\nHOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM \"AS IS\" WITHOUT WARRANTY\nOF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,\nTHE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR\nPURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM\nIS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF\nALL NECESSARY SERVICING, REPAIR OR CORRECTION.\n\n  16. Limitation of Liability.\n\n  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS\nTHE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY\nGENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE\nUSE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF\nDATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD\nPARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),\nEVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGES.\n\n  17. Interpretation of Sections 15 and 16.\n\n  If the disclaimer of warranty and limitation of liability provided\nabove cannot be given local legal effect according to their terms,\nreviewing courts shall apply local law that most closely approximates\nan absolute waiver of all civil liability in connection with the\nProgram, unless a warranty or assumption of liability accompanies a\ncopy of the Program in return for a fee.\n\n                     END OF TERMS AND CONDITIONS\n\n            How to Apply These Terms to Your New Programs\n\n  If you develop a new program, and you want it to be of the greatest\npossible use to the public, the best way to achieve this is to make it\nfree software which everyone can redistribute and change under these terms.\n\n  To do so, attach the following notices to the program.  It is safest\nto attach them to the start of each source file to most effectively\nstate the exclusion of warranty; and each file should have at least\nthe \"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the program's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This program is free software: you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation, either version 3 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License\n    along with this program.  If not, see <http://www.gnu.org/licenses/>.\n\nAlso add information on how to contact you by electronic and paper mail.\n\n  If the program does terminal interaction, make it output a short\nnotice like this when it starts in an interactive mode:\n\n    <program>  Copyright (C) <year>  <name of author>\n    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.\n    This is free software, and you are welcome to redistribute it\n    under certain conditions; type `show c' for details.\n\nThe hypothetical commands `show w' and `show c' should show the appropriate\nparts of the General Public License.  Of course, your program's commands\nmight be different; for a GUI interface, you would use an \"about box\".\n\n  You should also get your employer (if you work as a programmer) or school,\nif any, to sign a \"copyright disclaimer\" for the program, if necessary.\nFor more information on this, and how to apply and follow the GNU GPL, see\n<http://www.gnu.org/licenses/>.\n\n  The GNU General Public License does not permit incorporating your program\ninto proprietary programs.  If your program is a subroutine library, you\nmay consider it more useful to permit linking proprietary applications with\nthe library.  If this is what you want to do, use the GNU Lesser General\nPublic License instead of this License.  But first, please read\n<http://www.gnu.org/philosophy/why-not-lgpl.html>.\n\n\n--------------- SECTION 4: GNU General Public License, V2.0 -----------\n\n\t\t    GNU GENERAL PUBLIC LICENSE\n\t\t       Version 2, June 1991\n\n Copyright (C) 1989, 1991 Free Software Foundation, Inc.,\n 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n\t\t\t    Preamble\n\n  The licenses for most software are designed to take away your\nfreedom to share and change it.  By contrast, the GNU General Public\nLicense is intended to guarantee your freedom to share and change free\nsoftware--to make sure the software is free for all its users.  This\nGeneral Public License applies to most of the Free Software\nFoundation's software and to any other program whose authors commit to\nusing it.  (Some other Free Software Foundation software is covered by\nthe GNU Lesser General Public License instead.)  You can apply it to\nyour programs, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthis service if you wish), that you receive source code or can get it\nif you want it, that you can change the software or use pieces of it\nin new free programs; and that you know you can do these things.\n\n  To protect your rights, we need to make restrictions that forbid\nanyone to deny you these rights or to ask you to surrender the rights.\nThese restrictions translate to certain responsibilities for you if you\ndistribute copies of the software, or if you modify it.\n\n  For example, if you distribute copies of such a program, whether\ngratis or for a fee, you must give the recipients all the rights that\nyou have.  You must make sure that they, too, receive or can get the\nsource code.  And you must show them these terms so they know their\nrights.\n\n  We protect your rights with two steps: (1) copyright the software, and\n(2) offer you this license which gives you legal permission to copy,\ndistribute and/or modify the software.\n\n  Also, for each author's protection and ours, we want to make certain\nthat everyone understands that there is no warranty for this free\nsoftware.  If the software is modified by someone else and passed on, we\nwant its recipients to know that what they have is not the original, so\nthat any problems introduced by others will not reflect on the original\nauthors' reputations.\n\n  Finally, any free program is threatened constantly by software\npatents.  We wish to avoid the danger that redistributors of a free\nprogram will individually obtain patent licenses, in effect making the\nprogram proprietary.  To prevent this, we have made it clear that any\npatent must be licensed for everyone's free use or not licensed at all.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.\n\n\t\t    GNU GENERAL PUBLIC LICENSE\n   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION\n\n  0. This License applies to any program or other work which contains\na notice placed by the copyright holder saying it may be distributed\nunder the terms of this General Public License.  The \"Program\", below,\nrefers to any such program or work, and a \"work based on the Program\"\nmeans either the Program or any derivative work under copyright law:\nthat is to say, a work containing the Program or a portion of it,\neither verbatim or with modifications and/or translated into another\nlanguage.  (Hereinafter, translation is included without limitation in\nthe term \"modification\".)  Each licensee is addressed as \"you\".\n\nActivities other than copying, distribution and modification are not\ncovered by this License; they are outside its scope.  The act of\nrunning the Program is not restricted, and the output from the Program\nis covered only if its contents constitute a work based on the\nProgram (independent of having been made by running the Program).\nWhether that is true depends on what the Program does.\n\n  1. You may copy and distribute verbatim copies of the Program's\nsource code as you receive it, in any medium, provided that you\nconspicuously and appropriately publish on each copy an appropriate\ncopyright notice and disclaimer of warranty; keep intact all the\nnotices that refer to this License and to the absence of any warranty;\nand give any other recipients of the Program a copy of this License\nalong with the Program.\n\nYou may charge a fee for the physical act of transferring a copy, and\nyou may at your option offer warranty protection in exchange for a fee.\n\n  2. You may modify your copy or copies of the Program or any portion\nof it, thus forming a work based on the Program, and copy and\ndistribute such modifications or work under the terms of Section 1\nabove, provided that you also meet all of these conditions:\n\n    a) You must cause the modified files to carry prominent notices\n    stating that you changed the files and the date of any change.\n\n    b) You must cause any work that you distribute or publish, that in\n    whole or in part contains or is derived from the Program or any\n    part thereof, to be licensed as a whole at no charge to all third\n    parties under the terms of this License.\n\n    c) If the modified program normally reads commands interactively\n    when run, you must cause it, when started running for such\n    interactive use in the most ordinary way, to print or display an\n    announcement including an appropriate copyright notice and a\n    notice that there is no warranty (or else, saying that you provide\n    a warranty) and that users may redistribute the program under\n    these conditions, and telling the user how to view a copy of this\n    License.  (Exception: if the Program itself is interactive but\n    does not normally print such an announcement, your work based on\n    the Program is not required to print an announcement.)\n\nThese requirements apply to the modified work as a whole.  If\nidentifiable sections of that work are not derived from the Program,\nand can be reasonably considered independent and separate works in\nthemselves, then this License, and its terms, do not apply to those\nsections when you distribute them as separate works.  But when you\ndistribute the same sections as part of a whole which is a work based\non the Program, the distribution of the whole must be on the terms of\nthis License, whose permissions for other licensees extend to the\nentire whole, and thus to each and every part regardless of who wrote it.\n\nThus, it is not the intent of this section to claim rights or contest\nyour rights to work written entirely by you; rather, the intent is to\nexercise the right to control the distribution of derivative or\ncollective works based on the Program.\n\nIn addition, mere aggregation of another work not based on the Program\nwith the Program (or with a work based on the Program) on a volume of\na storage or distribution medium does not bring the other work under\nthe scope of this License.\n\n  3. You may copy and distribute the Program (or a work based on it,\nunder Section 2) in object code or executable form under the terms of\nSections 1 and 2 above provided that you also do one of the following:\n\n    a) Accompany it with the complete corresponding machine-readable\n    source code, which must be distributed under the terms of Sections\n    1 and 2 above on a medium customarily used for software interchange; or,\n\n    b) Accompany it with a written offer, valid for at least three\n    years, to give any third party, for a charge no more than your\n    cost of physically performing source distribution, a complete\n    machine-readable copy of the corresponding source code, to be\n    distributed under the terms of Sections 1 and 2 above on a medium\n    customarily used for software interchange; or,\n\n    c) Accompany it with the information you received as to the offer\n    to distribute corresponding source code.  (This alternative is\n    allowed only for noncommercial distribution and only if you\n    received the program in object code or executable form with such\n    an offer, in accord with Subsection b above.)\n\nThe source code for a work means the preferred form of the work for\nmaking modifications to it.  For an executable work, complete source\ncode means all the source code for all modules it contains, plus any\nassociated interface definition files, plus the scripts used to\ncontrol compilation and installation of the executable.  However, as a\nspecial exception, the source code distributed need not include\nanything that is normally distributed (in either source or binary\nform) with the major components (compiler, kernel, and so on) of the\noperating system on which the executable runs, unless that component\nitself accompanies the executable.\n\nIf distribution of executable or object code is made by offering\naccess to copy from a designated place, then offering equivalent\naccess to copy the source code from the same place counts as\ndistribution of the source code, even though third parties are not\ncompelled to copy the source along with the object code.\n\n  4. You may not copy, modify, sublicense, or distribute the Program\nexcept as expressly provided under this License.  Any attempt\notherwise to copy, modify, sublicense or distribute the Program is\nvoid, and will automatically terminate your rights under this License.\nHowever, parties who have received copies, or rights, from you under\nthis License will not have their licenses terminated so long as such\nparties remain in full compliance.\n\n  5. You are not required to accept this License, since you have not\nsigned it.  However, nothing else grants you permission to modify or\ndistribute the Program or its derivative works.  These actions are\nprohibited by law if you do not accept this License.  Therefore, by\nmodifying or distributing the Program (or any work based on the\nProgram), you indicate your acceptance of this License to do so, and\nall its terms and conditions for copying, distributing or modifying\nthe Program or works based on it.\n\n  6. Each time you redistribute the Program (or any work based on the\nProgram), the recipient automatically receives a license from the\noriginal licensor to copy, distribute or modify the Program subject to\nthese terms and conditions.  You may not impose any further\nrestrictions on the recipients' exercise of the rights granted herein.\nYou are not responsible for enforcing compliance by third parties to\nthis License.\n\n  7. If, as a consequence of a court judgment or allegation of patent\ninfringement or for any other reason (not limited to patent issues),\nconditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot\ndistribute so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you\nmay not distribute the Program at all.  For example, if a patent\nlicense would not permit royalty-free redistribution of the Program by\nall those who receive copies directly or indirectly through you, then\nthe only way you could satisfy both it and this License would be to\nrefrain entirely from distribution of the Program.\n\nIf any portion of this section is held invalid or unenforceable under\nany particular circumstance, the balance of the section is intended to\napply and the section as a whole is intended to apply in other\ncircumstances.\n\nIt is not the purpose of this section to induce you to infringe any\npatents or other property right claims or to contest validity of any\nsuch claims; this section has the sole purpose of protecting the\nintegrity of the free software distribution system, which is\nimplemented by public license practices.  Many people have made\ngenerous contributions to the wide range of software distributed\nthrough that system in reliance on consistent application of that\nsystem; it is up to the author/donor to decide if he or she is willing\nto distribute software through any other system and a licensee cannot\nimpose that choice.\n\nThis section is intended to make thoroughly clear what is believed to\nbe a consequence of the rest of this License.\n\n  8. If the distribution and/or use of the Program is restricted in\ncertain countries either by patents or by copyrighted interfaces, the\noriginal copyright holder who places the Program under this License\nmay add an explicit geographical distribution limitation excluding\nthose countries, so that distribution is permitted only in or among\ncountries not thus excluded.  In such case, this License incorporates\nthe limitation as if written in the body of this License.\n\n  9. The Free Software Foundation may publish revised and/or new versions\nof the General Public License from time to time.  Such new versions will\nbe similar in spirit to the present version, but may differ in detail to\naddress new problems or concerns.\n\nEach version is given a distinguishing version number.  If the Program\nspecifies a version number of this License which applies to it and \"any\nlater version\", you have the option of following the terms and conditions\neither of that version or of any later version published by the Free\nSoftware Foundation.  If the Program does not specify a version number of\nthis License, you may choose any version ever published by the Free Software\nFoundation.\n\n  10. If you wish to incorporate parts of the Program into other free\nprograms whose distribution conditions are different, write to the author\nto ask for permission.  For software which is copyrighted by the Free\nSoftware Foundation, write to the Free Software Foundation; we sometimes\nmake exceptions for this.  Our decision will be guided by the two goals\nof preserving the free status of all derivatives of our free software and\nof promoting the sharing and reuse of software generally.\n\n\t\t\t    NO WARRANTY\n\n  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY\nFOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN\nOTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES\nPROVIDE THE PROGRAM \"AS IS\" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED\nOR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS\nTO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE\nPROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,\nREPAIR OR CORRECTION.\n\n  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR\nREDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,\nINCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING\nOUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED\nTO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY\nYOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER\nPROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE\nPOSSIBILITY OF SUCH DAMAGES.\n\n\t\t     END OF TERMS AND CONDITIONS\n\n\t    How to Apply These Terms to Your New Programs\n\n  If you develop a new program, and you want it to be of the greatest\npossible use to the public, the best way to achieve this is to make it\nfree software which everyone can redistribute and change under these terms.\n\n  To do so, attach the following notices to the program.  It is safest\nto attach them to the start of each source file to most effectively\nconvey the exclusion of warranty; and each file should have at least\nthe \"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the program's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This program is free software; you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation; either version 2 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License along\n    with this program; if not, write to the Free Software Foundation, Inc.,\n    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.\n\nAlso add information on how to contact you by electronic and paper mail.\n\nIf the program is interactive, make it output a short notice like this\nwhen it starts in an interactive mode:\n\n    Gnomovision version 69, Copyright (C) year name of author\n    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.\n    This is free software, and you are welcome to redistribute it\n    under certain conditions; type `show c' for details.\n\nThe hypothetical commands `show w' and `show c' should show the appropriate\nparts of the General Public License.  Of course, the commands you use may\nbe called something other than `show w' and `show c'; they could even be\nmouse-clicks or menu items--whatever suits your program.\n\nYou should also get your employer (if you work as a programmer) or your\nschool, if any, to sign a \"copyright disclaimer\" for the program, if\nnecessary.  Here is a sample; alter the names:\n\n  Yoyodyne, Inc., hereby disclaims all copyright interest in the program\n  `Gnomovision' (which makes passes at compilers) written by James Hacker.\n\n  <signature of Ty Coon>, 1 April 1989\n  Ty Coon, President of Vice\n\nThis General Public License does not permit incorporating your program into\nproprietary programs.  If your program is a subroutine library, you may\nconsider it more useful to permit linking proprietary applications with the\nlibrary.  If this is what you want to do, use the GNU Lesser General\nPublic License instead of this License.\n\n\n--------------- SECTION 5: GNU Library General Public License, V2.0 -----------\n\n\t\t  GNU LIBRARY GENERAL PUBLIC LICENSE\n\t\t       Version 2, June 1991\n\n Copyright (C) 1991 Free Software Foundation, Inc.\n 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n[This is the first released version of the library GPL.  It is\n numbered 2 because it goes with version 2 of the ordinary GPL.]\n\n\t\t\t    Preamble\n\n  The licenses for most software are designed to take away your\nfreedom to share and change it.  By contrast, the GNU General Public\nLicenses are intended to guarantee your freedom to share and change\nfree software--to make sure the software is free for all its users.\n\n  This license, the Library General Public License, applies to some\nspecially designated Free Software Foundation software, and to any\nother libraries whose authors decide to use it.  You can use it for\nyour libraries, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthis service if you wish), that you receive source code or can get it\nif you want it, that you can change the software or use pieces of it\nin new free programs; and that you know you can do these things.\n\n  To protect your rights, we need to make restrictions that forbid\nanyone to deny you these rights or to ask you to surrender the rights.\nThese restrictions translate to certain responsibilities for you if\nyou distribute copies of the library, or if you modify it.\n\n  For example, if you distribute copies of the library, whether gratis\nor for a fee, you must give the recipients all the rights that we gave\nyou.  You must make sure that they, too, receive or can get the source\ncode.  If you link a program with the library, you must provide\ncomplete object files to the recipients so that they can relink them\nwith the library, after making changes to the library and recompiling\nit.  And you must show them these terms so they know their rights.\n\n  Our method of protecting your rights has two steps: (1) copyright\nthe library, and (2) offer you this license which gives you legal\npermission to copy, distribute and/or modify the library.\n\n  Also, for each distributor's protection, we want to make certain\nthat everyone understands that there is no warranty for this free\nlibrary.  If the library is modified by someone else and passed on, we\nwant its recipients to know that what they have is not the original\nversion, so that any problems introduced by others will not reflect on\nthe original authors' reputations.\n\n  Finally, any free program is threatened constantly by software\npatents.  We wish to avoid the danger that companies distributing free\nsoftware will individually obtain patent licenses, thus in effect\ntransforming the program into proprietary software.  To prevent this,\nwe have made it clear that any patent must be licensed for everyone's\nfree use or not licensed at all.\n\n  Most GNU software, including some libraries, is covered by the ordinary\nGNU General Public License, which was designed for utility programs.  This\nlicense, the GNU Library General Public License, applies to certain\ndesignated libraries.  This license is quite different from the ordinary\none; be sure to read it in full, and don't assume that anything in it is\nthe same as in the ordinary license.\n\n  The reason we have a separate public license for some libraries is that\nthey blur the distinction we usually make between modifying or adding to a\nprogram and simply using it.  Linking a program with a library, without\nchanging the library, is in some sense simply using the library, and is\nanalogous to running a utility program or application program.  However, in\na textual and legal sense, the linked executable is a combined work, a\nderivative of the original library, and the ordinary General Public License\ntreats it as such.\n\n  Because of this blurred distinction, using the ordinary General\nPublic License for libraries did not effectively promote software\nsharing, because most developers did not use the libraries.  We\nconcluded that weaker conditions might promote sharing better.\n\n  However, unrestricted linking of non-free programs would deprive the\nusers of those programs of all benefit from the free status of the\nlibraries themselves.  This Library General Public License is intended to\npermit developers of non-free programs to use free libraries, while\npreserving your freedom as a user of such programs to change the free\nlibraries that are incorporated in them.  (We have not seen how to achieve\nthis as regards changes in header files, but we have achieved it as regards\nchanges in the actual functions of the Library.)  The hope is that this\nwill lead to faster development of free libraries.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.  Pay close attention to the difference between a\n\"work based on the library\" and a \"work that uses the library\".  The\nformer contains code derived from the library, while the latter only\nworks together with the library.\n\n  Note that it is possible for a library to be covered by the ordinary\nGeneral Public License rather than by this special one.\n\n\t\t  GNU LIBRARY GENERAL PUBLIC LICENSE\n   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION\n\n  0. This License Agreement applies to any software library which\ncontains a notice placed by the copyright holder or other authorized\nparty saying it may be distributed under the terms of this Library\nGeneral Public License (also called \"this License\").  Each licensee is\naddressed as \"you\".\n\n  A \"library\" means a collection of software functions and/or data\nprepared so as to be conveniently linked with application programs\n(which use some of those functions and data) to form executables.\n\n  The \"Library\", below, refers to any such software library or work\nwhich has been distributed under these terms.  A \"work based on the\nLibrary\" means either the Library or any derivative work under\ncopyright law: that is to say, a work containing the Library or a\nportion of it, either verbatim or with modifications and/or translated\nstraightforwardly into another language.  (Hereinafter, translation is\nincluded without limitation in the term \"modification\".)\n\n  \"Source code\" for a work means the preferred form of the work for\nmaking modifications to it.  For a library, complete source code means\nall the source code for all modules it contains, plus any associated\ninterface definition files, plus the scripts used to control compilation\nand installation of the library.\n\n  Activities other than copying, distribution and modification are not\ncovered by this License; they are outside its scope.  The act of\nrunning a program using the Library is not restricted, and output from\nsuch a program is covered only if its contents constitute a work based\non the Library (independent of the use of the Library in a tool for\nwriting it).  Whether that is true depends on what the Library does\nand what the program that uses the Library does.\n  \n  1. You may copy and distribute verbatim copies of the Library's\ncomplete source code as you receive it, in any medium, provided that\nyou conspicuously and appropriately publish on each copy an\nappropriate copyright notice and disclaimer of warranty; keep intact\nall the notices that refer to this License and to the absence of any\nwarranty; and distribute a copy of this License along with the\nLibrary.\n\n  You may charge a fee for the physical act of transferring a copy,\nand you may at your option offer warranty protection in exchange for a\nfee.\n\n  2. You may modify your copy or copies of the Library or any portion\nof it, thus forming a work based on the Library, and copy and\ndistribute such modifications or work under the terms of Section 1\nabove, provided that you also meet all of these conditions:\n\n    a) The modified work must itself be a software library.\n\n    b) You must cause the files modified to carry prominent notices\n    stating that you changed the files and the date of any change.\n\n    c) You must cause the whole of the work to be licensed at no\n    charge to all third parties under the terms of this License.\n\n    d) If a facility in the modified Library refers to a function or a\n    table of data to be supplied by an application program that uses\n    the facility, other than as an argument passed when the facility\n    is invoked, then you must make a good faith effort to ensure that,\n    in the event an application does not supply such function or\n    table, the facility still operates, and performs whatever part of\n    its purpose remains meaningful.\n\n    (For example, a function in a library to compute square roots has\n    a purpose that is entirely well-defined independent of the\n    application.  Therefore, Subsection 2d requires that any\n    application-supplied function or table used by this function must\n    be optional: if the application does not supply it, the square\n    root function must still compute square roots.)\n\nThese requirements apply to the modified work as a whole.  If\nidentifiable sections of that work are not derived from the Library,\nand can be reasonably considered independent and separate works in\nthemselves, then this License, and its terms, do not apply to those\nsections when you distribute them as separate works.  But when you\ndistribute the same sections as part of a whole which is a work based\non the Library, the distribution of the whole must be on the terms of\nthis License, whose permissions for other licensees extend to the\nentire whole, and thus to each and every part regardless of who wrote\nit.\n\nThus, it is not the intent of this section to claim rights or contest\nyour rights to work written entirely by you; rather, the intent is to\nexercise the right to control the distribution of derivative or\ncollective works based on the Library.\n\nIn addition, mere aggregation of another work not based on the Library\nwith the Library (or with a work based on the Library) on a volume of\na storage or distribution medium does not bring the other work under\nthe scope of this License.\n\n  3. You may opt to apply the terms of the ordinary GNU General Public\nLicense instead of this License to a given copy of the Library.  To do\nthis, you must alter all the notices that refer to this License, so\nthat they refer to the ordinary GNU General Public License, version 2,\ninstead of to this License.  (If a newer version than version 2 of the\nordinary GNU General Public License has appeared, then you can specify\nthat version instead if you wish.)  Do not make any other change in\nthese notices.\n\n  Once this change is made in a given copy, it is irreversible for\nthat copy, so the ordinary GNU General Public License applies to all\nsubsequent copies and derivative works made from that copy.\n\n  This option is useful when you wish to copy part of the code of\nthe Library into a program that is not a library.\n\n  4. You may copy and distribute the Library (or a portion or\nderivative of it, under Section 2) in object code or executable form\nunder the terms of Sections 1 and 2 above provided that you accompany\nit with the complete corresponding machine-readable source code, which\nmust be distributed under the terms of Sections 1 and 2 above on a\nmedium customarily used for software interchange.\n\n  If distribution of object code is made by offering access to copy\nfrom a designated place, then offering equivalent access to copy the\nsource code from the same place satisfies the requirement to\ndistribute the source code, even though third parties are not\ncompelled to copy the source along with the object code.\n\n  5. A program that contains no derivative of any portion of the\nLibrary, but is designed to work with the Library by being compiled or\nlinked with it, is called a \"work that uses the Library\".  Such a\nwork, in isolation, is not a derivative work of the Library, and\ntherefore falls outside the scope of this License.\n\n  However, linking a \"work that uses the Library\" with the Library\ncreates an executable that is a derivative of the Library (because it\ncontains portions of the Library), rather than a \"work that uses the\nlibrary\".  The executable is therefore covered by this License.\nSection 6 states terms for distribution of such executables.\n\n  When a \"work that uses the Library\" uses material from a header file\nthat is part of the Library, the object code for the work may be a\nderivative work of the Library even though the source code is not.\nWhether this is true is especially significant if the work can be\nlinked without the Library, or if the work is itself a library.  The\nthreshold for this to be true is not precisely defined by law.\n\n  If such an object file uses only numerical parameters, data\nstructure layouts and accessors, and small macros and small inline\nfunctions (ten lines or less in length), then the use of the object\nfile is unrestricted, regardless of whether it is legally a derivative\nwork.  (Executables containing this object code plus portions of the\nLibrary will still fall under Section 6.)\n\n  Otherwise, if the work is a derivative of the Library, you may\ndistribute the object code for the work under the terms of Section 6.\nAny executables containing that work also fall under Section 6,\nwhether or not they are linked directly with the Library itself.\n\n  6. As an exception to the Sections above, you may also compile or\nlink a \"work that uses the Library\" with the Library to produce a\nwork containing portions of the Library, and distribute that work\nunder terms of your choice, provided that the terms permit\nmodification of the work for the customer's own use and reverse\nengineering for debugging such modifications.\n\n  You must give prominent notice with each copy of the work that the\nLibrary is used in it and that the Library and its use are covered by\nthis License.  You must supply a copy of this License.  If the work\nduring execution displays copyright notices, you must include the\ncopyright notice for the Library among them, as well as a reference\ndirecting the user to the copy of this License.  Also, you must do one\nof these things:\n\n    a) Accompany the work with the complete corresponding\n    machine-readable source code for the Library including whatever\n    changes were used in the work (which must be distributed under\n    Sections 1 and 2 above); and, if the work is an executable linked\n    with the Library, with the complete machine-readable \"work that\n    uses the Library\", as object code and/or source code, so that the\n    user can modify the Library and then relink to produce a modified\n    executable containing the modified Library.  (It is understood\n    that the user who changes the contents of definitions files in the\n    Library will not necessarily be able to recompile the application\n    to use the modified definitions.)\n\n    b) Accompany the work with a written offer, valid for at\n    least three years, to give the same user the materials\n    specified in Subsection 6a, above, for a charge no more\n    than the cost of performing this distribution.\n\n    c) If distribution of the work is made by offering access to copy\n    from a designated place, offer equivalent access to copy the above\n    specified materials from the same place.\n\n    d) Verify that the user has already received a copy of these\n    materials or that you have already sent this user a copy.\n\n  For an executable, the required form of the \"work that uses the\nLibrary\" must include any data and utility programs needed for\nreproducing the executable from it.  However, as a special exception,\nthe source code distributed need not include anything that is normally\ndistributed (in either source or binary form) with the major\ncomponents (compiler, kernel, and so on) of the operating system on\nwhich the executable runs, unless that component itself accompanies\nthe executable.\n\n  It may happen that this requirement contradicts the license\nrestrictions of other proprietary libraries that do not normally\naccompany the operating system.  Such a contradiction means you cannot\nuse both them and the Library together in an executable that you\ndistribute.\n\n  7. You may place library facilities that are a work based on the\nLibrary side-by-side in a single library together with other library\nfacilities not covered by this License, and distribute such a combined\nlibrary, provided that the separate distribution of the work based on\nthe Library and of the other library facilities is otherwise\npermitted, and provided that you do these two things:\n\n    a) Accompany the combined library with a copy of the same work\n    based on the Library, uncombined with any other library\n    facilities.  This must be distributed under the terms of the\n    Sections above.\n\n    b) Give prominent notice with the combined library of the fact\n    that part of it is a work based on the Library, and explaining\n    where to find the accompanying uncombined form of the same work.\n\n  8. You may not copy, modify, sublicense, link with, or distribute\nthe Library except as expressly provided under this License.  Any\nattempt otherwise to copy, modify, sublicense, link with, or\ndistribute the Library is void, and will automatically terminate your\nrights under this License.  However, parties who have received copies,\nor rights, from you under this License will not have their licenses\nterminated so long as such parties remain in full compliance.\n\n  9. You are not required to accept this License, since you have not\nsigned it.  However, nothing else grants you permission to modify or\ndistribute the Library or its derivative works.  These actions are\nprohibited by law if you do not accept this License.  Therefore, by\nmodifying or distributing the Library (or any work based on the\nLibrary), you indicate your acceptance of this License to do so, and\nall its terms and conditions for copying, distributing or modifying\nthe Library or works based on it.\n\n  10. Each time you redistribute the Library (or any work based on the\nLibrary), the recipient automatically receives a license from the\noriginal licensor to copy, distribute, link with or modify the Library\nsubject to these terms and conditions.  You may not impose any further\nrestrictions on the recipients' exercise of the rights granted herein.\nYou are not responsible for enforcing compliance by third parties to\nthis License.\n\n  11. If, as a consequence of a court judgment or allegation of patent\ninfringement or for any other reason (not limited to patent issues),\nconditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot\ndistribute so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you\nmay not distribute the Library at all.  For example, if a patent\nlicense would not permit royalty-free redistribution of the Library by\nall those who receive copies directly or indirectly through you, then\nthe only way you could satisfy both it and this License would be to\nrefrain entirely from distribution of the Library.\n\nIf any portion of this section is held invalid or unenforceable under any\nparticular circumstance, the balance of the section is intended to apply,\nand the section as a whole is intended to apply in other circumstances.\n\nIt is not the purpose of this section to induce you to infringe any\npatents or other property right claims or to contest validity of any\nsuch claims; this section has the sole purpose of protecting the\nintegrity of the free software distribution system which is\nimplemented by public license practices.  Many people have made\ngenerous contributions to the wide range of software distributed\nthrough that system in reliance on consistent application of that\nsystem; it is up to the author/donor to decide if he or she is willing\nto distribute software through any other system and a licensee cannot\nimpose that choice.\n\nThis section is intended to make thoroughly clear what is believed to\nbe a consequence of the rest of this License.\n\n  12. If the distribution and/or use of the Library is restricted in\ncertain countries either by patents or by copyrighted interfaces, the\noriginal copyright holder who places the Library under this License may add\nan explicit geographical distribution limitation excluding those countries,\nso that distribution is permitted only in or among countries not thus\nexcluded.  In such case, this License incorporates the limitation as if\nwritten in the body of this License.\n\n  13. The Free Software Foundation may publish revised and/or new\nversions of the Library General Public License from time to time.\nSuch new versions will be similar in spirit to the present version,\nbut may differ in detail to address new problems or concerns.\n\nEach version is given a distinguishing version number.  If the Library\nspecifies a version number of this License which applies to it and\n\"any later version\", you have the option of following the terms and\nconditions either of that version or of any later version published by\nthe Free Software Foundation.  If the Library does not specify a\nlicense version number, you may choose any version ever published by\nthe Free Software Foundation.\n\n  14. If you wish to incorporate parts of the Library into other free\nprograms whose distribution conditions are incompatible with these,\nwrite to the author to ask for permission.  For software which is\ncopyrighted by the Free Software Foundation, write to the Free\nSoftware Foundation; we sometimes make exceptions for this.  Our\ndecision will be guided by the two goals of preserving the free status\nof all derivatives of our free software and of promoting the sharing\nand reuse of software generally.\n\n\t\t\t    NO WARRANTY\n\n  15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO\nWARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.\nEXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR\nOTHER PARTIES PROVIDE THE LIBRARY \"AS IS\" WITHOUT WARRANTY OF ANY\nKIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR\nPURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE\nLIBRARY IS WITH YOU.  SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME\nTHE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.\n\n  16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN\nWRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY\nAND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU\nFOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR\nCONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE\nLIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING\nRENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A\nFAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF\nSUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH\nDAMAGES.\n\n\t\t     END OF TERMS AND CONDITIONS\n\n           How to Apply These Terms to Your New Libraries\n\n  If you develop a new library, and you want it to be of the greatest\npossible use to the public, we recommend making it free software that\neveryone can redistribute and change.  You can do so by permitting\nredistribution under these terms (or, alternatively, under the terms of the\nordinary General Public License).\n\n  To apply these terms, attach the following notices to the library.  It is\nsafest to attach them to the start of each source file to most effectively\nconvey the exclusion of warranty; and each file should have at least the\n\"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the library's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This library is free software; you can redistribute it and/or\n    modify it under the terms of the GNU Library General Public\n    License as published by the Free Software Foundation; either\n    version 2 of the License, or (at your option) any later version.\n\n    This library is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU\n    Library General Public License for more details.\n\n    You should have received a copy of the GNU Library General Public\n    License along with this library; if not, write to the Free\n    Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA\n\nAlso add information on how to contact you by electronic and paper mail.\n\nYou should also get your employer (if you work as a programmer) or your\nschool, if any, to sign a \"copyright disclaimer\" for the library, if\nnecessary.  Here is a sample; alter the names:\n\n  Yoyodyne, Inc., hereby disclaims all copyright interest in the\n  library `Frob' (a library for tweaking knobs) written by James Random Hacker.\n\n  <signature of Ty Coon>, 1 April 1990\n  Ty Coon, President of Vice\n\nThat's all there is to it!\n\n\n--------------- SECTION 6: GNU Lesser General Public License, V3.0 ----------- \n\n\t\t   GNU LESSER GENERAL PUBLIC LICENSE\n                       Version 3, 29 June 2007\n\n Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n\n  This version of the GNU Lesser General Public License incorporates\nthe terms and conditions of version 3 of the GNU General Public\nLicense, supplemented by the additional permissions listed below.\n\n  0. Additional Definitions.\n\n  As used herein, \"this License\" refers to version 3 of the GNU Lesser\nGeneral Public License, and the \"GNU GPL\" refers to version 3 of the GNU\nGeneral Public License.\n\n  \"The Library\" refers to a covered work governed by this License,\nother than an Application or a Combined Work as defined below.\n\n  An \"Application\" is any work that makes use of an interface provided\nby the Library, but which is not otherwise based on the Library.\nDefining a subclass of a class defined by the Library is deemed a mode\nof using an interface provided by the Library.\n\n  A \"Combined Work\" is a work produced by combining or linking an\nApplication with the Library.  The particular version of the Library\nwith which the Combined Work was made is also called the \"Linked\nVersion\".\n\n  The \"Minimal Corresponding Source\" for a Combined Work means the\nCorresponding Source for the Combined Work, excluding any source code\nfor portions of the Combined Work that, considered in isolation, are\nbased on the Application, and not on the Linked Version.\n\n  The \"Corresponding Application Code\" for a Combined Work means the\nobject code and/or source code for the Application, including any data\nand utility programs needed for reproducing the Combined Work from the\nApplication, but excluding the System Libraries of the Combined Work.\n\n  1. Exception to Section 3 of the GNU GPL.\n\n  You may convey a covered work under sections 3 and 4 of this License\nwithout being bound by section 3 of the GNU GPL.\n\n  2. Conveying Modified Versions.\n\n  If you modify a copy of the Library, and, in your modifications, a\nfacility refers to a function or data to be supplied by an Application\nthat uses the facility (other than as an argument passed when the\nfacility is invoked), then you may convey a copy of the modified\nversion:\n\n   a) under this License, provided that you make a good faith effort to\n   ensure that, in the event an Application does not supply the\n   function or data, the facility still operates, and performs\n   whatever part of its purpose remains meaningful, or\n\n   b) under the GNU GPL, with none of the additional permissions of\n   this License applicable to that copy.\n\n  3. Object Code Incorporating Material from Library Header Files.\n\n  The object code form of an Application may incorporate material from\na header file that is part of the Library.  You may convey such object\ncode under terms of your choice, provided that, if the incorporated\nmaterial is not limited to numerical parameters, data structure\nlayouts and accessors, or small macros, inline functions and templates\n(ten or fewer lines in length), you do both of the following:\n\n   a) Give prominent notice with each copy of the object code that the\n   Library is used in it and that the Library and its use are\n   covered by this License.\n\n   b) Accompany the object code with a copy of the GNU GPL and this license\n   document.\n\n  4. Combined Works.\n\n  You may convey a Combined Work under terms of your choice that,\ntaken together, effectively do not restrict modification of the\nportions of the Library contained in the Combined Work and reverse\nengineering for debugging such modifications, if you also do each of\nthe following:\n\n   a) Give prominent notice with each copy of the Combined Work that\n   the Library is used in it and that the Library and its use are\n   covered by this License.\n\n   b) Accompany the Combined Work with a copy of the GNU GPL and this license\n   document.\n\n   c) For a Combined Work that displays copyright notices during\n   execution, include the copyright notice for the Library among\n   these notices, as well as a reference directing the user to the\n   copies of the GNU GPL and this license document.\n\n   d) Do one of the following:\n\n       0) Convey the Minimal Corresponding Source under the terms of this\n       License, and the Corresponding Application Code in a form\n       suitable for, and under terms that permit, the user to\n       recombine or relink the Application with a modified version of\n       the Linked Version to produce a modified Combined Work, in the\n       manner specified by section 6 of the GNU GPL for conveying\n       Corresponding Source.\n\n       1) Use a suitable shared library mechanism for linking with the\n       Library.  A suitable mechanism is one that (a) uses at run time\n       a copy of the Library already present on the user's computer\n       system, and (b) will operate properly with a modified version\n       of the Library that is interface-compatible with the Linked\n       Version.\n\n   e) Provide Installation Information, but only if you would otherwise\n   be required to provide such information under section 6 of the\n   GNU GPL, and only to the extent that such information is\n   necessary to install and execute a modified version of the\n   Combined Work produced by recombining or relinking the\n   Application with a modified version of the Linked Version. (If\n   you use option 4d0, the Installation Information must accompany\n   the Minimal Corresponding Source and Corresponding Application\n   Code. If you use option 4d1, you must provide the Installation\n   Information in the manner specified by section 6 of the GNU GPL\n   for conveying Corresponding Source.)\n\n  5. Combined Libraries.\n\n  You may place library facilities that are a work based on the\nLibrary side by side in a single library together with other library\nfacilities that are not Applications and are not covered by this\nLicense, and convey such a combined library under terms of your\nchoice, if you do both of the following:\n\n   a) Accompany the combined library with a copy of the same work based\n   on the Library, uncombined with any other library facilities,\n   conveyed under the terms of this License.\n\n   b) Give prominent notice with the combined library that part of it\n   is a work based on the Library, and explaining where to find the\n   accompanying uncombined form of the same work.\n\n  6. Revised Versions of the GNU Lesser General Public License.\n\n  The Free Software Foundation may publish revised and/or new versions\nof the GNU Lesser General Public License from time to time. Such new\nversions will be similar in spirit to the present version, but may\ndiffer in detail to address new problems or concerns.\n\n  Each version is given a distinguishing version number. If the\nLibrary as you received it specifies that a certain numbered version\nof the GNU Lesser General Public License \"or any later version\"\napplies to it, you have the option of following the terms and\nconditions either of that published version or of any later version\npublished by the Free Software Foundation. If the Library as you\nreceived it does not specify a version number of the GNU Lesser\nGeneral Public License, you may choose any version of the GNU Lesser\nGeneral Public License ever published by the Free Software Foundation.\n\n  If the Library as you received it specifies that a proxy can decide\nwhether future versions of the GNU Lesser General Public License shall\napply, that proxy's public statement of acceptance of any version is\npermanent authorization for you to choose that version for the\nLibrary.\n\n  \n--------------- SECTION 7: Creative Commons Attribution License, V3.0 ----------- \n\nCreative Commons Attribution 3.0 Unported\n\nCREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE LEGAL\nSERVICES. DISTRIBUTION OF THIS LICENSE DOES NOT CREATE AN ATTORNEY-CLIENT\nRELATIONSHIP. CREATIVE COMMONS PROVIDES THIS INFORMATION ON AN \"AS-IS\"\nBASIS. CREATIVE COMMONS MAKES NO WARRANTIES REGARDING THE INFORMATION\nPROVIDED, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM ITS USE.\n\nLicense\n\nTHE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE\nCOMMONS PUBLIC LICENSE (\"CCPL\" OR \"LICENSE\"). THE WORK IS PROTECTED BY\nCOPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN\nAS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.\n\nBY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE\nTO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE\nMAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS\nCONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND\nCONDITIONS.\n\n1. Definitions\n\n   a. \"Adaptation\" means a work based upon the Work, or upon the Work\n   and other pre-existing works, such as a translation, adaptation,\n   derivative work, arrangement of music or other alterations of a\n   literary or artistic work, or phonogram or performance and includes\n   cinematographic adaptations or any other form in which the Work may\n   be recast, transformed, or adapted including in any form recognizably\n   derived from the original, except that a work that constitutes a\n   Collection will not be considered an Adaptation for the purpose of\n   this License. For the avoidance of doubt, where the Work is a musical\n   work, performance or phonogram, the synchronization of the Work in\n   timed-relation with a moving image (\"synching\") will be considered\n   an Adaptation for the purpose of this License.\n\n   b. \"Collection\" means a collection of literary or artistic works,\n   such as encyclopedias and anthologies, or performances, phonograms or\n   broadcasts, or other works or subject matter other than works listed in\n   Section 1(f) below, which, by reason of the selection and arrangement\n   of their contents, constitute intellectual creations, in which the\n   Work is included in its entirety in unmodified form along with one or\n   more other contributions, each constituting separate and independent\n   works in themselves, which together are assembled into a collective\n   whole. A work that constitutes a Collection will not be considered\n   an Adaptation (as defined above) for the purposes of this License.\n\n   c. \"Distribute\" means to make available to the public the original\n   and copies of the Work or Adaptation, as appropriate, through sale\n   or other transfer of ownership.\n\n   d. \"Licensor\" means the individual, individuals, entity or entities\n   that offer(s) the Work under the terms of this License.\n\n   e. \"Original Author\" means, in the case of a literary or artistic\n   work, the individual, individuals, entity or entities who created the\n   Work or if no individual or entity can be identified, the publisher;\n   and in addition (i) in the case of a performance the actors, singers,\n   musicians, dancers, and other persons who act, sing, deliver, declaim,\n   play in, interpret or otherwise perform literary or artistic works or\n   expressions of folklore; (ii) in the case of a phonogram the producer\n   being the person or legal entity who first fixes the sounds of a\n   performance or other sounds; and, (iii) in the case of broadcasts,\n   the organization that transmits the broadcast.\n\n   f. \"Work\" means the literary and/or artistic work offered under the\n   terms of this License including without limitation any production\n   in the literary, scientific and artistic domain, whatever may be\n   the mode or form of its expression including digital form, such\n   as a book, pamphlet and other writing; a lecture, address, sermon\n   or other work of the same nature; a dramatic or dramatico-musical\n   work; a choreographic work or entertainment in dumb show; a musical\n   composition with or without words; a cinematographic work to which are\n   assimilated works expressed by a process analogous to cinematography;\n   a work of drawing, painting, architecture, sculpture, engraving\n   or lithography; a photographic work to which are assimilated works\n   expressed by a process analogous to photography; a work of applied art;\n   an illustration, map, plan, sketch or three-dimensional work relative\n   to geography, topography, architecture or science; a performance;\n   a broadcast; a phonogram; a compilation of data to the extent it is\n   protected as a copyrightable work; or a work performed by a variety\n   or circus performer to the extent it is not otherwise considered a\n   literary or artistic work.\n\n   g. \"You\" means an individual or entity exercising rights under this\n   License who has not previously violated the terms of this License\n   with respect to the Work, or who has received express permission\n   from the Licensor to exercise rights under this License despite a\n   previous violation.\n\n   h. \"Publicly Perform\" means to perform public recitations of the\n   Work and to communicate to the public those public recitations, by\n   any means or process, including by wire or wireless means or public\n   digital performances; to make available to the public Works in such\n   a way that members of the public may access these Works from a place\n   and at a place individually chosen by them; to perform the Work to the\n   public by any means or process and the communication to the public of\n   the performances of the Work, including by public digital performance;\n   to broadcast and rebroadcast the Work by any means including signs,\n   sounds or images.\n\n   i. \"Reproduce\" means to make copies of the Work by any means including\n   without limitation by sound or visual recordings and the right of\n   fixation and reproducing fixations of the Work, including storage\n   of a protected performance or phonogram in digital form or other\n   electronic medium.\n\n2. Fair Dealing Rights. Nothing in this License is intended to reduce,\nlimit, or restrict any uses free from copyright or rights arising from\nlimitations or exceptions that are provided for in connection with the\ncopyright protection under copyright law or other applicable laws.\n\n3. License Grant. Subject to the terms and conditions of this License,\nLicensor hereby grants You a worldwide, royalty-free, non-exclusive,\nperpetual (for the duration of the applicable copyright) license to\nexercise the rights in the Work as stated below:\n\n   a. to Reproduce the Work, to incorporate the Work into one or\n   more Collections, and to Reproduce the Work as incorporated in the\n   Collections;\n\n   b. to create and Reproduce Adaptations provided that any such\n   Adaptation, including any translation in any medium, takes reasonable\n   steps to clearly label, demarcate or otherwise identify that changes\n   were made to the original Work. For example, a translation could be\n   marked \"The original work was translated from English to Spanish,\" or\n   a modification could indicate \"The original work has been modified.\";\n\n   c. to Distribute and Publicly Perform the Work including as\n   incorporated in Collections; and,\n\n   d. to Distribute and Publicly Perform Adaptations.\n\n   e. For the avoidance of doubt:\n\n      i. Non-waivable Compulsory License Schemes. In those jurisdictions\n      in which the right to collect royalties through any statutory or\n      compulsory licensing scheme cannot be waived, the Licensor reserves\n      the exclusive right to collect such royalties for any exercise by\n      You of the rights granted under this License;\n\n      ii. Waivable Compulsory License Schemes. In those jurisdictions\n      in which the right to collect royalties through any statutory or\n      compulsory licensing scheme can be waived, the Licensor waives the\n      exclusive right to collect such royalties for any exercise by You\n      of the rights granted under this License; and,\n\n      iii. Voluntary License Schemes. The Licensor waives the right\n      to collect royalties, whether individually or, in the event that\n      the Licensor is a member of a collecting society that administers\n      voluntary licensing schemes, via that society, from any exercise\n      by You of the rights granted under this License.  The above rights\n      may be exercised in all media and formats whether now known or\n      hereafter devised. The above rights include the right to make such\n      modifications as are technically necessary to exercise the rights\n      in other media and formats. Subject to Section 8(f), all rights\n      not expressly granted by Licensor are hereby reserved.\n\n4. Restrictions. The license granted in Section 3 above is expressly\nmade subject to and limited by the following restrictions:\n\n   a. You may Distribute or Publicly Perform the Work only under the\n   terms of this License.  You must include a copy of, or the Uniform\n   Resource Identifier (URI) for, this License with every copy of the\n   Work You Distribute or Publicly Perform. You may not offer or impose\n   any terms on the Work that restrict the terms of this License or the\n   ability of the recipient of the Work to exercise the rights granted to\n   that recipient under the terms of the License. You may not sublicense\n   the Work. You must keep intact all notices that refer to this License\n   and to the disclaimer of warranties with every copy of the Work You\n   Distribute or Publicly Perform. When You Distribute or Publicly Perform\n   the Work, You may not impose any effective technological measures on\n   the Work that restrict the ability of a recipient of the Work from\n   You to exercise the rights granted to that recipient under the terms\n   of the License. This Section 4(a) applies to the Work as incorporated\n   in a Collection, but this does not require the Collection apart from\n   the Work itself to be made subject to the terms of this License. If\n   You create a Collection, upon notice from any Licensor You must,\n   to the extent practicable, remove from the Collection any credit as\n   required by Section 4(b), as requested. If You create an Adaptation,\n   upon notice from any Licensor You must, to the extent practicable,\n   remove from the Adaptation any credit as required by Section 4(b),\n   as requested.\n\n   b. If You Distribute, or Publicly Perform the Work or any Adaptations\n   or Collections, You must, unless a request has been made pursuant\n   to Section 4(a), keep intact all copyright notices for the Work and\n   provide, reasonable to the medium or means You are utilizing: (i) the\n   name of the Original Author (or pseudonym, if applicable) if supplied,\n   and/or if the Original Author and/or Licensor designate another party\n   or parties (e.g., a sponsor institute, publishing entity, journal)\n   for attribution (\"Attribution Parties\") in Licensor's copyright\n   notice, terms of service or by other reasonable means, the name of\n   such party or parties; (ii) the title of the Work if supplied; (iii)\n   to the extent reasonably practicable, the URI, if any, that Licensor\n   specifies to be associated with the Work, unless such URI does not\n   refer to the copyright notice or licensing information for the Work;\n   and (iv) , consistent with Section 3(b), in the case of an Adaptation,\n   a credit identifying the use of the Work in the Adaptation (e.g.,\n   \"French translation of the Work by Original Author,\" or \"Screenplay\n   based on original Work by Original Author\"). The credit required\n   by this Section 4 (b) may be implemented in any reasonable manner;\n   provided, however, that in the case of a Adaptation or Collection, at\n   a minimum such credit will appear, if a credit for all contributing\n   authors of the Adaptation or Collection appears, then as part of\n   these credits and in a manner at least as prominent as the credits\n   for the other contributing authors. For the avoidance of doubt, You\n   may only use the credit required by this Section for the purpose of\n   attribution in the manner set out above and, by exercising Your rights\n   under this License, You may not implicitly or explicitly assert or\n   imply any connection with, sponsorship or endorsement by the Original\n   Author, Licensor and/or Attribution Parties, as appropriate, of You\n   or Your use of the Work, without the separate, express prior written\n   permission of the Original Author, Licensor and/or Attribution Parties.\n\n   c. Except as otherwise agreed in writing by the Licensor or as may be\n   otherwise permitted by applicable law, if You Reproduce, Distribute\n   or Publicly Perform the Work either by itself or as part of any\n   Adaptations or Collections, You must not distort, mutilate, modify\n   or take other derogatory action in relation to the Work which would\n   be prejudicial to the Original Author's honor or reputation. Licensor\n   agrees that in those jurisdictions (e.g. Japan), in which any exercise\n   of the right granted in Section 3(b) of this License (the right to\n   make Adaptations) would be deemed to be a distortion, mutilation,\n   modification or other derogatory action prejudicial to the Original\n   Author's honor and reputation, the Licensor will waive or not assert,\n   as appropriate, this Section, to the fullest extent permitted by the\n   applicable national law, to enable You to reasonably exercise Your\n   right under Section 3(b) of this License (right to make Adaptations)\n   but not otherwise.\n\n5. Representations, Warranties and Disclaimer\nUNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR\nOFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY\nKIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE,\nINCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY,\nFITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF\nLATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS,\nWHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION\nOF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.\n\n6. Limitation on Liability.\nEXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR\nBE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL,\nCONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS\nLICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF\nTHE POSSIBILITY OF SUCH DAMAGES.\n\n7. Termination\n\n   a. This License and the rights granted hereunder will terminate\n   automatically upon any breach by You of the terms of this\n   License. Individuals or entities who have received Adaptations or\n   Collections from You under this License, however, will not have their\n   licenses terminated provided such individuals or entities remain in\n   full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8\n   will survive any termination of this License.\n\n   b. Subject to the above terms and conditions, the license granted\n   here is perpetual (for the duration of the applicable copyright in\n   the Work). Notwithstanding the above, Licensor reserves the right to\n   release the Work under different license terms or to stop distributing\n   the Work at any time; provided, however that any such election will not\n   serve to withdraw this License (or any other license that has been,\n   or is required to be, granted under the terms of this License), and\n   this License will continue in full force and effect unless terminated\n   as stated above.\n\n8. Miscellaneous\n\n   a. Each time You Distribute or Publicly Perform the Work or a\n   Collection, the Licensor offers to the recipient a license to the\n   Work on the same terms and conditions as the license granted to You\n   under this License.\n\n   b. Each time You Distribute or Publicly Perform an Adaptation, Licensor\n   offers to the recipient a license to the original Work on the same\n   terms and conditions as the license granted to You under this License.\n\n   c. If any provision of this License is invalid or unenforceable under\n   applicable law, it shall not affect the validity or enforceability\n   of the remainder of the terms of this License, and without further\n   action by the parties to this agreement, such provision shall be\n   reformed to the minimum extent necessary to make such provision valid\n   and enforceable.\n\n   d. No term or provision of this License shall be deemed waived and no\n   breach consented to unless such waiver or consent shall be in writing\n   and signed by the party to be charged with such waiver or consent.\n\n   e. This License constitutes the entire agreement between the parties\n   with respect to the Work licensed here. There are no understandings,\n   agreements or representations with respect to the Work not specified\n   here. Licensor shall not be bound by any additional provisions that\n   may appear in any communication from You. This License may not be\n   modified without the mutual written agreement of the Licensor and You.\n\n   f. The rights granted under, and the subject matter referenced, in this\n   License were drafted utilizing the terminology of the Berne Convention\n   for the Protection of Literary and Artistic Works (as amended on\n   September 28, 1979), the Rome Convention of 1961, the WIPO Copyright\n   Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and\n   the Universal Copyright Convention (as revised on July 24, 1971). These\n   rights and subject matter take effect in the relevant jurisdiction\n   in which the License terms are sought to be enforced according to\n   the corresponding provisions of the implementation of those treaty\n   provisions in the applicable national law. If the standard suite of\n   rights granted under applicable copyright law includes additional\n   rights not granted under this License, such additional rights are\n   deemed to be included in the License; this License is not intended\n   to restrict the license of any rights under applicable law.\n\n\n--------------- SECTION 7: Common Development and Distribution License, V1.1 ----------- \n  \nCOMMON DEVELOPMENT AND DISTRIBUTION LICENSE (CDDL)Version 1.1 \n\n1. Definitions. \n\n1.1. \"Contributor\" means each individual or entity that creates or contributes to the creation of Modifications. \n\n1.2. \"Contributor Version\" means the combination of the Original Software, prior Modifications used by a Contributor (if any), and the Modifications made by that particular Contributor. \n\n1.3. \"Covered Software\" means (a) the Original Software, or (b) Modifications, or (c) the combination of files containing Original Software with files containing Modifications, in each case including portions thereof. \n\n1.4. \"Executable\" means the Covered Software in any form other than Source Code. \n\n1.5. \"Initial Developer\" means the individual or entity that first makes Original Software available under this License. \n\n1.6. \"Larger Work\" means a work which combines Covered Software or portions thereof with code not governed by the terms of this License. \n\n1.7. \"License\" means this document. \n\n1.8. \"Licensable\" means having the right to grant, to the maximum extent possible, whether at the time of the initial grant or subsequently acquired, any and all of the rights conveyed herein. \n\n1.9. \"Modifications\" means the Source Code and Executable form of any of the following: \nA. Any file that results from an addition to, deletion from or modification of the contents of a file containing Original Software or previous Modifications; \nB. Any new file that contains any part of the Original Software or previous Modification; or \nC. Any new file that is contributed or otherwise made available under the terms of this License. \n\n1.10. \"Original Software\" means the Source Code and Executable form of computer software code that is originally released under this License. \n\n1.11. \"Patent Claims\" means any patent claim(s), now owned or hereafter acquired, including without limitation, method, process, and apparatus claims, in any patent Licensable by grantor. \n\n1.12. \"Source Code\" means (a) the common form of computer software code in which modifications are made and (b) associated documentation included in or with such code. \n\n1.13. \"You\" (or \"Your\") means an individual or a legal entity exercising rights under, and complying with all of the terms of, this License. For legal entities, \"You\" includes any entity which controls, is controlled by, or is under common control with You. For purposes of this definition, \"control\" means (a) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (b) ownership of more than fifty percent (50%) of the outstanding shares or beneficial ownership of such entity. \n\n2. License Grants. \n\n2.1. The Initial Developer Grant. \nConditioned upon Your compliance with Section 3.1 below and subject to third party intellectual property claims, the Initial Developer hereby grants You a world-wide, royalty-free, non-exclusive license: \n(a) under intellectual property rights (other than patent or trademark) Licensable by Initial Developer, to use, reproduce, modify, display, perform, sublicense and distribute the Original Software (or portions thereof), with or without Modifications, and/or as part of a Larger Work; and \n(b) under Patent Claims infringed by the making, using or selling of Original Software, to make, have made, use, practice, sell, and offer for sale, and/or otherwise dispose of the Original Software (or portions thereof). \n(c) The licenses granted in Sections 2.1(a) and (b) are effective on the date Initial Developer first distributes or otherwise makes the Original Software available to a third party under the terms of this License. \n(d) Notwithstanding Section 2.1(b) above, no patent license is granted: (1) for code that You delete from the Original Software, or (2) for infringements caused by: (i) the modification of the Original Software, or (ii) the combination of the Original Software with other software or devices. \n\n2.2. Contributor Grant. \nConditioned upon Your compliance with Section 3.1 below and subject to third party intellectual property claims, each Contributor hereby grants You a world-wide, royalty-free, non-exclusive license: \n(a) under intellectual property rights (other than patent or trademark) Licensable by Contributor to use, reproduce, modify, display, perform, sublicense and distribute the Modifications created by such Contributor (or portions thereof), either on an unmodified basis, with other Modifications, as Covered Software and/or as part of a Larger Work; and \n(b) under Patent Claims infringed by the making, using, or selling of Modifications made by that Contributor either alone and/or in combination with its Contributor Version (or portions of such combination), to make, use, sell, offer for sale, have made, and/or otherwise dispose of: (1) Modifications made by that Contributor (or portions thereof); and (2) the combination of Modifications made by that Contributor with its Contributor Version (or portions of such combination). \n(c) The licenses granted in Sections 2.2(a) and 2.2(b) are effective on the date Contributor first distributes or otherwise makes the Modifications available to a third party. \n(d) Notwithstanding Section 2.2(b) above, no patent license is granted: (1) for any code that Contributor has deleted from the Contributor Version; (2) for infringements caused by: (i) third party modifications of Contributor Version, or (ii) the combination of Modifications made by that Contributor with other software (except as part of the Contributor Version) or other devices; or (3) under Patent Claims infringed by Covered Software in the absence of Modifications made by that Contributor. \n\n3. Distribution Obligations. \n\n3.1. Availability of Source Code. \nAny Covered Software that You distribute or otherwise make available in Executable form must also be made available in Source Code form and that Source Code form must be distributed only under the terms of this License. You must include a copy of this License with every copy of the Source Code form of the Covered Software You distribute or otherwise make available. You must inform recipients of any such Covered Software in Executable form as to how they can obtain such Covered Software in Source Code form in a reasonable manner on or through a medium customarily used for software exchange. \n\n3.2. Modifications. \nThe Modifications that You create or to which You contribute are governed by the terms of this License. You represent that You believe Your Modifications are Your original creation(s) and/or You have sufficient rights to grant the rights conveyed by this License. \n\n3.3. Required Notices. \nYou must include a notice in each of Your Modifications that identifies You as the Contributor of the Modification. You may not remove or alter any copyright, patent or trademark notices contained within the Covered Software, or any notices of licensing or any descriptive text giving attribution to any Contributor or the Initial Developer. \n\n3.4. Application of Additional Terms. \nYou may not offer or impose any terms on any Covered Software in Source Code form that alters or restricts the applicable version of this License or the recipients' rights hereunder. You may choose to offer, and to charge a fee for, warranty, support, indemnity or liability obligations to one or more recipients of Covered Software. However, you may do so only on Your own behalf, and not on behalf of the Initial Developer or any Contributor. You must make it absolutely clear that any such warranty, support, indemnity or liability obligation is offered by You alone, and You hereby agree to indemnify the Initial Developer and every Contributor for any liability incurred by the Initial Developer or such Contributor as a result of warranty, support, indemnity or liability terms You offer. \n\n3.5. Distribution of Executable Versions. \nYou may distribute the Executable form of the Covered Software under the terms of this License or under the terms of a license of Your choice, which may contain terms different from this License, provided that You are in compliance with the terms of this License and that the license for the Executable form does not attempt to limit or alter the recipient's rights in the Source Code form from the rights set forth in this License. If You distribute the Covered Software in Executable form under a different license, You must make it absolutely clear that any terms which differ from this License are offered by You alone, not by the Initial Developer or Contributor. You hereby agree to indemnify the Initial Developer and every Contributor for any liability incurred by the Initial Developer or such Contributor as a result of any such terms You offer. \n\n3.6. Larger Works. \nYou may create a Larger Work by combining Covered Software with other code not governed by the terms of this License and distribute the Larger Work as a single product. In such a case, You must make sure the requirements of this License are fulfilled for the Covered Software. \n\n4. Versions of the License. \n\n4.1. New Versions. \nOracle is the initial license steward and may publish revised and/or new versions of this License from time to time. Each version will be given a distinguishing version number. Except as provided in Section 4.3, no one other than the license steward has the right to modify this License. \n\n4.2. Effect of New Versions. \nYou may always continue to use, distribute or otherwise make the Covered Software available under the terms of the version of the License under which You originally received the Covered Software. If the Initial Developer includes a notice in the Original Software prohibiting it from being distributed or otherwise made available under any subsequent version of the License, You must distribute and make the Covered Software available under the terms of the version of the License under which You originally received the Covered Software. Otherwise, You may also choose to use, distribute or otherwise make the Covered Software available under the terms of any subsequent version of the License published by the license steward. \n\n4.3. Modified Versions. \nWhen You are an Initial Developer and You want to create a new license for Your Original Software, You may create and use a modified version of this License if You: (a) rename the license and remove any references to the name of the license steward (except to note that the license differs from this License); and (b) otherwise make it clear that the license contains terms which differ from this License. \n\n5. DISCLAIMER OF WARRANTY. \nCOVERED SOFTWARE IS PROVIDED UNDER THIS LICENSE ON AN \"AS IS\" BASIS, WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, WITHOUT LIMITATION, WARRANTIES THAT THE COVERED SOFTWARE IS FREE OF DEFECTS, MERCHANTABLE, FIT FOR A PARTICULAR PURPOSE OR NON-INFRINGING. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE COVERED SOFTWARE IS WITH YOU. SHOULD ANY COVERED SOFTWARE PROVE DEFECTIVE IN ANY RESPECT, YOU (NOT THE INITIAL DEVELOPER OR ANY OTHER CONTRIBUTOR) ASSUME THE COST OF ANY NECESSARY SERVICING, REPAIR OR CORRECTION. THIS DISCLAIMER OF WARRANTY CONSTITUTES AN ESSENTIAL PART OF THIS LICENSE. NO USE OF ANY COVERED SOFTWARE IS AUTHORIZED HEREUNDER EXCEPT UNDER THIS DISCLAIMER. \n\n6. TERMINATION. \n\n6.1. This License and the rights granted hereunder will terminate automatically if You fail to comply with terms herein and fail to cure such breach within 30 days of becoming aware of the breach. Provisions which, by their nature, must remain in effect beyond the termination of this License shall survive. \n\n6.2. If You assert a patent infringement claim (excluding declaratory judgment actions) against Initial Developer or a Contributor (the Initial Developer or Contributor against whom You assert such claim is referred to as \"Participant\") alleging that the Participant Software (meaning the Contributor Version where the Participant is a Contributor or the Original Software where the Participant is the Initial Developer) directly or indirectly infringes any patent, then any and all rights granted directly or indirectly to You by such Participant, the Initial Developer (if the Initial Developer is not the Participant) and all Contributors under Sections 2.1 and/or 2.2 of this License shall, upon 60 days notice from Participant terminate prospectively and automatically at the expiration of such 60 day notice period, unless if within such 60 day period You withdraw Your claim with respect to the Participant Software against such Participant either unilaterally or pursuant to a written agreement with Participant. \n\n6.3. If You assert a patent infringement claim against Participant alleging that the Participant Software directly or indirectly infringes any patent where such claim is resolved (such as by license or settlement) prior to the initiation of patent infringement litigation, then the reasonable value of the licenses granted by such Participant under Sections 2.1 or 2.2 shall be taken into account in determining the amount or value of any payment or license. \n\n6.4. In the event of termination under Sections 6.1 or 6.2 above, all end user licenses that have been validly granted by You or any distributor hereunder prior to termination (excluding licenses granted to You by any distributor) shall survive termination. \n\n7. LIMITATION OF LIABILITY. \nUNDER NO CIRCUMSTANCES AND UNDER NO LEGAL THEORY, WHETHER TORT (INCLUDING NEGLIGENCE), CONTRACT, OR OTHERWISE, SHALL YOU, THE INITIAL DEVELOPER, ANY OTHER CONTRIBUTOR, OR ANY DISTRIBUTOR OF COVERED SOFTWARE, OR ANY SUPPLIER OF ANY OF SUCH PARTIES, BE LIABLE TO ANY PERSON FOR ANY INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF GOODWILL, WORK STOPPAGE, COMPUTER FAILURE OR MALFUNCTION, OR ANY AND ALL OTHER COMMERCIAL DAMAGES OR LOSSES, EVEN IF SUCH PARTY SHALL HAVE BEEN INFORMED OF THE POSSIBILITY OF SUCH DAMAGES. THIS LIMITATION OF LIABILITY SHALL NOT APPLY TO LIABILITY FOR DEATH OR PERSONAL INJURY RESULTING FROM SUCH PARTY'S NEGLIGENCE TO THE EXTENT APPLICABLE LAW PROHIBITS SUCH LIMITATION. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OR LIMITATION OF INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO THIS EXCLUSION AND LIMITATION MAY NOT APPLY TO YOU. \n\n8. U.S. GOVERNMENT END USERS. \nThe Covered Software is a \"commercial item,\" as that term is defined in 48 C.F.R. 2.101 (Oct. 1995), consisting of \"commercial computer software\" (as that term is defined at 48 C.F.R. sec. 252.227-7014(a)(1)) and \"commercial computer software documentation\" as such terms are used in 48 C.F.R. 12.212 (Sept. 1995). Consistent with 48 C.F.R. 12.212 and 48 C.F.R. 227.7202-1 through 227.7202-4 (June 1995), all U.S. Government End Users acquire Covered Software with only those rights set forth herein. This U.S. Government Rights clause is in lieu of, and supersedes, any other FAR, DFAR, or other clause or provision that addresses Government rights in computer software under this License. \n\n9. MISCELLANEOUS. \nThis License represents the complete agreement concerning subject matter hereof. If any provision of this License is held to be unenforceable, such provision shall be reformed only to the extent necessary to make it enforceable. This License shall be governed by the law of the jurisdiction specified in a notice contained within the Original Software (except to the extent applicable law, if any, provides otherwise), excluding such jurisdiction's conflict-of-law provisions. Any litigation relating to this License shall be subject to the jurisdiction of the courts located in the jurisdiction and venue specified in a notice contained within the Original Software, with the losing party responsible for costs, including, without limitation, court costs and reasonable attorneys' fees and expenses. The application of the United Nations Convention on Contracts for the International Sale of Goods is expressly excluded. Any law or regulation which provides that the language of a contract shall be construed against the drafter shall not apply to this License. You agree that You alone are responsible for compliance with the United States export administration regulations (and the export control laws and regulation of any other countries) when You use, distribute or otherwise make available any Covered Software. \n\n10. RESPONSIBILITY FOR CLAIMS. \nAs between Initial Developer and the Contributors, each party is responsible for claims and damages arising, directly or indirectly, out of its utilization of rights under this License and You agree to work with Initial Developer and Contributors to distribute such responsibility on an equitable basis. Nothing herein is intended or shall be deemed to constitute any admission of liability. \n\nNOTICE PURSUANT TO SECTION 9 OF THE COMMON DEVELOPMENT AND DISTRIBUTION LICENSE (CDDL) \nThe code released under the CDDL shall be governed by the laws of the State of California (excluding conflict-of-law provisions). Any litigation relating to this License shall be subject to the jurisdiction of the Federal Courts of the Northern District of California and the state courts of the State of California, with venue lying in Santa Clara County, California.\n\n\n\n===========================================================================\n\nTo the extent any open source components are licensed under the GPL\nand/or LGPL, or other similar licenses that require the source code\nand/or modifications to source code to be made available (as would be\nnoted above), you may obtain a copy of the source code corresponding to\nthe binaries for such open source components and modifications thereto,\nif any, (the \"Source Files\"), by downloading the Source Files from\nVMware's website at http://www.vmware.com/download/open_source.html, or\nby sending a request, with your name and address to: VMware, Inc., 3401\nHillview Avenue, Palo Alto, CA 94304, United States of America. All such\nrequests should clearly specify: OPEN SOURCE FILES REQUEST, Attention\nGeneral Counsel. VMware shall mail a copy of the Source Files to you on\na CD or equivalent physical medium. This offer to obtain a copy of the\nSource Files is valid for three years from the date you acquired this\nSoftware product. Alternatively, the Source Files may accompany the\nVMware product.\n\n[HARBOR050GASR111116]","license":"Apache*","_id":"harbor-ui@0.7.0-dev.13","dist":{"shasum":"75e19afb85a3f759fb5d05abdebfdac72c482dbd","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.13.tgz","fileCount":449,"unpackedSize":20957077,"integrity":"sha512-XuFVkOrSUgh/uuuuBtjng0k4kQD9o7PmQaLsJXUJH3lqaO2p931FGcSliaub2KuiGvOZBDcY75DDNOd5Vqs1/A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCe0YvyG2EjzWU2h6zIkxuH+zPeXcy3F7j9JMIwH1GS0QIhAM5PiytJmkUIm8+vWtHJHh7jtU5FIYctIr3CHQXg4PIE"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.13_1523273753948_0.3744147065903496"},"_hasShrinkwrap":false},"0.7.0-dev.14":{"name":"harbor-ui","version":"0.7.0-dev.14","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"ngPackage":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"harbor-ui","version":"0.7.0-dev.9","ngPackage":{"lib":{"entryFile":"./public_api.ts"}}},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readmeFilename":"README.md","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","licenseText":"LICENSE\n\nHarbor UI component library version 0.1.0\n\nCopyright 2016 VMware, Inc.  All rights reserved.\n\nThis product is licensed to you under the Apache License version 2.0 (the License).  You may not use this product except in compliance with the License.\n\n                           Apache License\n                     Version 2.0, January 2004\n                  http://www.apache.org/licenses/\n\nTERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n1. Definitions.\n\n\"License\" shall mean the terms and conditions for use, reproduction,\nand distribution as defined by Sections 1 through 9 of this document.\n\n\"Licensor\" shall mean the copyright owner or entity authorized by\nthe copyright owner that is granting the License.\n\n\"Legal Entity\" shall mean the union of the acting entity and all\nother entities that control, are controlled by, or are under common\ncontrol with that entity. For the purposes of this definition,\n\"control\" means (i) the power, direct or indirect, to cause the\ndirection or management of such entity, whether by contract or\notherwise, or (ii) ownership of fifty percent (50%) or more of the\noutstanding shares, or (iii) beneficial ownership of such entity.\n\n\"You\" (or \"Your\") shall mean an individual or Legal Entity\nexercising permissions granted by this License.\n\n\"Source\" form shall mean the preferred form for making modifications,\nincluding but not limited to software source code, documentation\nsource, and configuration files.\n\n\"Object\" form shall mean any form resulting from mechanical\ntransformation or translation of a Source form, including but\nnot limited to compiled object code, generated documentation,\nand conversions to other media types.\n\n\"Work\" shall mean the work of authorship, whether in Source or\nObject form, made available under the License, as indicated by a\ncopyright notice that is included in or attached to the work\n(an example is provided in the Appendix below).\n\n\"Derivative Works\" shall mean any work, whether in Source or Object\nform, that is based on (or derived from) the Work and for which the\neditorial revisions, annotations, elaborations, or other modifications\nrepresent, as a whole, an original work of authorship. For the purposes\nof this License, Derivative Works shall not include works that remain\nseparable from, or merely link (or bind by name) to the interfaces of,\nthe Work and Derivative Works thereof.\n\n\"Contribution\" shall mean any work of authorship, including\nthe original version of the Work and any modifications or additions\nto that Work or Derivative Works thereof, that is intentionally\nsubmitted to Licensor for inclusion in the Work by the copyright owner\nor by an individual or Legal Entity authorized to submit on behalf of\nthe copyright owner. For the purposes of this definition, \"submitted\"\nmeans any form of electronic, verbal, or written communication sent\nto the Licensor or its representatives, including but not limited to\ncommunication on electronic mailing lists, source code control systems,\nand issue tracking systems that are managed by, or on behalf of, the\nLicensor for the purpose of discussing and improving the Work, but\nexcluding communication that is conspicuously marked or otherwise\ndesignated in writing by the copyright owner as \"Not a Contribution.\"\n\n\"Contributor\" shall mean Licensor and any individual or Legal Entity\non behalf of whom a Contribution has been received by Licensor and\nsubsequently incorporated within the Work.\n\n2. Grant of Copyright License. Subject to the terms and conditions of\nthis License, each Contributor hereby grants to You a perpetual,\nworldwide, non-exclusive, no-charge, royalty-free, irrevocable\ncopyright license to reproduce, prepare Derivative Works of,\npublicly display, publicly perform, sublicense, and distribute the\nWork and such Derivative Works in Source or Object form.\n\n3. Grant of Patent License. Subject to the terms and conditions of\nthis License, each Contributor hereby grants to You a perpetual,\nworldwide, non-exclusive, no-charge, royalty-free, irrevocable\n(except as stated in this section) patent license to make, have made,\nuse, offer to sell, sell, import, and otherwise transfer the Work,\nwhere such license applies only to those patent claims licensable\nby such Contributor that are necessarily infringed by their\nContribution(s) alone or by combination of their Contribution(s)\nwith the Work to which such Contribution(s) was submitted. If You\ninstitute patent litigation against any entity (including a\ncross-claim or counterclaim in a lawsuit) alleging that the Work\nor a Contribution incorporated within the Work constitutes direct\nor contributory patent infringement, then any patent licenses\ngranted to You under this License for that Work shall terminate\nas of the date such litigation is filed.\n\n4. Redistribution. You may reproduce and distribute copies of the\nWork or Derivative Works thereof in any medium, with or without\nmodifications, and in Source or Object form, provided that You\nmeet the following conditions:\n\n(a) You must give any other recipients of the Work or\nDerivative Works a copy of this License; and\n\n(b) You must cause any modified files to carry prominent notices\nstating that You changed the files; and\n\n(c) You must retain, in the Source form of any Derivative Works\nthat You distribute, all copyright, patent, trademark, and\nattribution notices from the Source form of the Work,\nexcluding those notices that do not pertain to any part of\nthe Derivative Works; and\n\n(d) If the Work includes a \"NOTICE\" text file as part of its\ndistribution, then any Derivative Works that You distribute must\ninclude a readable copy of the attribution notices contained\nwithin such NOTICE file, excluding those notices that do not\npertain to any part of the Derivative Works, in at least one\nof the following places: within a NOTICE text file distributed\nas part of the Derivative Works; within the Source form or\ndocumentation, if provided along with the Derivative Works; or,\nwithin a display generated by the Derivative Works, if and\nwherever such third-party notices normally appear. The contents\nof the NOTICE file are for informational purposes only and\ndo not modify the License. You may add Your own attribution\nnotices within Derivative Works that You distribute, alongside\nor as an addendum to the NOTICE text from the Work, provided\nthat such additional attribution notices cannot be construed\nas modifying the License.\n\nYou may add Your own copyright statement to Your modifications and\nmay provide additional or different license terms and conditions\nfor use, reproduction, or distribution of Your modifications, or\nfor any such Derivative Works as a whole, provided Your use,\nreproduction, and distribution of the Work otherwise complies with\nthe conditions stated in this License.\n\n5. Submission of Contributions. Unless You explicitly state otherwise,\nany Contribution intentionally submitted for inclusion in the Work\nby You to the Licensor shall be under the terms and conditions of\nthis License, without any additional terms or conditions.\nNotwithstanding the above, nothing herein shall supersede or modify\nthe terms of any separate license agreement you may have executed\nwith Licensor regarding such Contributions.\n\n6. Trademarks. This License does not grant permission to use the trade\nnames, trademarks, service marks, or product names of the Licensor,\nexcept as required for reasonable and customary use in describing the\norigin of the Work and reproducing the content of the NOTICE file.\n\n7. Disclaimer of Warranty. Unless required by applicable law or\nagreed to in writing, Licensor provides the Work (and each\nContributor provides its Contributions) on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied, including, without limitation, any warranties or conditions\nof TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\nPARTICULAR PURPOSE. You are solely responsible for determining the\nappropriateness of using or redistributing the Work and assume any\nrisks associated with Your exercise of permissions under this License.\n\n8. Limitation of Liability. In no event and under no legal theory,\nwhether in tort (including negligence), contract, or otherwise,\nunless required by applicable law (such as deliberate and grossly\nnegligent acts) or agreed to in writing, shall any Contributor be\nliable to You for damages, including any direct, indirect, special,\nincidental, or consequential damages of any character arising as a\nresult of this License or out of the use or inability to use the\nWork (including but not limited to damages for loss of goodwill,\nwork stoppage, computer failure or malfunction, or any and all\nother commercial damages or losses), even if such Contributor\nhas been advised of the possibility of such damages.\n\n9. Accepting Warranty or Additional Liability. While redistributing\nthe Work or Derivative Works thereof, You may choose to offer,\nand charge a fee for, acceptance of support, warranty, indemnity,\nor other liability obligations and/or rights consistent with this\nLicense. However, in accepting such obligations, You may act only\non Your own behalf and on Your sole responsibility, not on behalf\nof any other Contributor, and only if You agree to indemnify,\ndefend, and hold each Contributor harmless for any liability\nincurred by, or claims asserted against, such Contributor by reason\nof your accepting any such warranty or additional liability.\n\nEND OF TERMS AND CONDITIONS\n\nAPPENDIX: How to apply the Apache License to your work.\n\nTo apply the Apache License to your work, attach the following\nboilerplate notice, with the fields enclosed by brackets \"[]\"\nreplaced with your own identifying information. (Don't include\nthe brackets!)  The text should be enclosed in the appropriate\ncomment syntax for the file format. We also recommend that a\nfile or class name and description of purpose be included on the\nsame \"printed page\" as the copyright notice for easier\nidentification within third-party archives.\n\nCopyright [yyyy] [name of copyright owner]\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n======================================================================\n\nHarbor version 0.5.0 includes a number of components with separate copyright notices and license terms.  This product does not necessarily use all the open source components referred to below. Your use of the source code for these components is subject to the terms and conditions of the following licenses.\n\n======================== TABLE OF CONTENTS ============================\n\nThe following is a listing of the open source components detailed in\nthis document. This list is provided for your convenience; please read\nfurther if you wish to review the copyright notice(s) and the full text\nof the license associated with each component.\n\n\nSECTION 1: BSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES\n\n   >>> alembic-0.8.8\n   >>> angular-cookies-1.5.3\n   >>> angular-messages-1.5.3\n   >>> angularjs-1.5.3\n   >>> bootstrap-3.3.6\n   >>> bootstrap-datepicker-4.17.37\n   >>> cronie-1.5.0\n   >>> jquery-1.11.2\n   >>> mattn/go-sqlite3-3fb7a0e7\n   >>> moment-2.11.0\n   >>> mqu/openldap-0.2\n   >>> nginx-1.11.5\n   >>> shadow-4.2.1\n\n\n\nSECTION 2: Apache License, V2.0\n\n   >>> apr-util-1.5.4\n   >>> beego-1.6.1\n   >>> docker-distribution-2.5.0\n   >>> docker-libtrust -9cbd2a1\n   >>> registry-2.5.0\n\n\n\nSECTION 3: GNU General Public License, V2.0\n\n   >>> logrotate-3.9.1\n   >>> mysql-5.6\n\n\n\nSECTION 4: GNU General Public License, V3.0\n\n   >>> rsyslog-8.15.0\n\n\n\nSECTION 5: Mozilla Public License, V2.0\n\n   >>> go-sql-driver/mysql-1.2\n\n\n\nAPPENDIX. Standard License Files\n\n   >>> Mozilla Public License, V2.0\n\n   >>> Apache License, V2.0\n\n   >>> GNU General Public License, V3.0\n\n   >>> GNU General Public License, V2.0\n\n   >>> GNU Library General Public License, V2.0\n  \n   >>> GNU Lesser General Public License, V3.0\n   \n   >>> Creative Commons Attribution License, V3.0\n   \n   >>> Common Development and Distribution License, V1.1\n   \n\n\n--------------- SECTION 1:  BSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES ----------\n\nBSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES are applicable to the following component(s).\n\n\n>>> alembic-0.8.8\n\nThis is the MIT license: http://www.opensource.org/licenses/mit-license.php\n\nCopyright (C) 2009-2016 by Michael Bayer.\nAlembic is a trademark of Michael Bayer.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this\nsoftware and associated documentation files (the \"Software\"), to deal in the Software\nwithout restriction, including without limitation the rights to use, copy, modify, merge,\npublish, distribute, sublicense, and/or sell copies of the Software, and to permit persons\nto whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or\nsubstantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\nINCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR\nPURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE\nFOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\nOTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\nDEALINGS IN THE SOFTWARE.\n\n\n>>> angular-cookies-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> angular-messages-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> angularjs-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> bootstrap-3.3.6\n\nThe MIT License (MIT)\n\nCopyright (c) 2011-2015 Twitter, Inc\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\nADDITIONAL LICENSE INFORMATION:\n\n> CC- Attribution 3.0 Unported License\n\n[NOTE:  VMware does not distribute the \"docs\\assets\\css\\src\\docs.css\" subpackage.]\n\nbootstrap-3.3.6\\docs\\assets\\css \\src\\docs.css\n\nBootstrap Docs (http://getbootstrap.com)\nCopyright 2011-2015 Twitter, Inc.\nLicensed under the Creative Commons Attribution 3.0 Unported License. For\ndetails, see https://creativecommons.org/licenses/by/3.0/.\n\n\n> MIT\n\n[PLEASE NOTE:  VMWARE, INC. ELECTS TO USE AND DISTRIBUTE THIS COMPONENT UNDER THE TERMS OF THE MIT LICENSE. THE ORIGINAL LICENSE TERMS ARE REPRODUCED BELOW ONLY AS A REFERENCE.]\n\nbootstrap-3.3.6.tar.gz\\bootstrap-3.3.6.tar\\bootstrap-3.3.6\\docs\\assets\\js\\vendor\\ jszip.min.js\n\n(c) 2009-2014 Stuart Knightley <stuart [at] stuartk.com>\nDual licenced under the MIT license or GPLv3. See https://raw.github.com/Stuk/jszip/master/LICENSE.markdown.\n\n\n> Apache 2.0\n\nbootstrap-3.3.6.tar.gz\\bootstrap-3.3.6.tar\\bootstrap-3.3.6\\docs\\assets\\js\\vendor\\ less.min.js\n\nCopyright (c) 2009-2014, Alexis Sellier <self@cloudhead.net>\nLicensed under the Apache v2 License.\n\nLicense for GLYPHICONS Halflings in Bootstrap\n \nGLYPHICONS Halflings font is also released as an extension of a Bootstrap www.getbootstrap.com for free and it is released under the same license as Bootstrap. While you are not required to include attribution on your Bootstrap-based projects, I would certainly appreciate any form of support, even a nice Tweet is enough. Of course if you want, you can say thank you and support me by buying more icons on GLYPHICONS.com.\n\n\n>>> bootstrap-datepicker-4.17.37\n\nThe MIT License (MIT)\n\nCopyright (c) 2015 Jonathan Peterson (@Eonasdan)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n\n>>> cronie-1.5.0\n\nCopyright (c) 2004 by Internet Systems Consortium, Inc. (\"ISC\")\nCopyright (c) 1997,2000 by Internet Software Consortium, Inc.\n\nPermission to use, copy, modify, and distribute this software for any\npurpose with or without fee is hereby granted, provided that the above\ncopyright notice and this permission notice appear in all copies.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND ISC DISCLAIMS ALL WARRANTIES\nWITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS.  IN NO EVENT SHALL ISC BE LIABLE FOR\nANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES\nWHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN\nACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT\nOF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.\n\nCopyright (c) 1988, 1993, 1994\nThe Regents of the University of California.  All rights reserved.\n\nThis code is derived from software written by Ken Arnold and\npublished in UNIX Review, Vol. 6, No. 8.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\nCopyright (c) 1989, 1993\nThe Regents of the University of California.  All rights reserved.\n\nThis code is derived from software contributed to Berkeley by\nPaul Vixie.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n3. Neither the name of the University nor the names of its contributors\nmay be used to endorse or promote products derived from this software\nwithout specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\n@(#)bitstring.h\t8.1 (Berkeley) 7/19/93\n\nADDITIONAL LICENSE INFORMATION:\n\n> GPL 2.0\n\ncronie-1.5.0.tar.gz\\cronie-1.5.0.tar\\cronie-1.5.0\\anacron\\global.h\n\n Anacron - run commands periodically\n    Copyright (C) 1998  Itai Tzur <itzur@actcom.co.il>\n    Copyright (C) 1999  Sean 'Shaleh' Perry <shaleh@debian.org>\n    Copyright (C) 2004  Pascal Hakim <pasc@redellipse.net>\n\n    This program is free software; you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation; either version 2 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License\n    along with this program; if not, write to the Free Software\n    Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA\n\n    The GNU General Public License can also be found in the file\n    `COPYING' that comes with the Anacron source distribution.\n\n\n>>> jquery-1.11.2\n\nCopyright 2014 jQuery Foundation and other contributors\nhttp://jquery.com/\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n\n>>> mattn/go-sqlite3-3fb7a0e7\n\nThe MIT License (MIT)\n\nCopyright (c) 2014 Yasuhiro Matsumoto\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\nADDITIONAL LICENSE INFORMATION:\n\n> BSD-2 Clause\n\ngo-sqlite3-master.zip\\go-sqlite3-master\\_example\\mod_vtable\\picojson.h\n\nCopyright 2009-2010 Cybozu Labs, Inc.\nCopyright 2011 Kazuho Oku\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are met:\n\n1. Redistributions of source code must retain the above copyright notice,\nthis list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright notice,\nthis list of conditions and the following disclaimer in the documentation\nand/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY CYBOZU LABS, INC. ``AS IS'' AND ANY EXPRESS OR\nIMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO\nEVENT SHALL CYBOZU LABS, INC. OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT,\nINDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES\n(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;\nLOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND\nON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF\nTHIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\nThe views and conclusions contained in the software and documentation are\nthose of the authors and should not be interpreted as representing official\npolicies, either expressed or implied, of Cybozu Labs, Inc.\n\n> Public Domain\n\ngo-sqlite3-master.zip\\go-sqlite3-master\\sqlite3ext.h\n\n2006 June 7\n\nThe author disclaims copyright to this source code.  In place of\na legal notice, here is a blessing:\n\nMay you do good and not evil.\nMay you find forgiveness for yourself and forgive others.\nMay you share freely, never taking more than you give.\n\n\n>>> moment-2.11.0\n\nCopyright (c) 2011-2015 Tim Wood, Iskren Chernev, Moment.js contributors\n\nPermission is hereby granted, free of charge, to any person\nobtaining a copy of this software and associated documentation\nfiles (the \"Software\"), to deal in the Software without\nrestriction, including without limitation the rights to use,\ncopy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the\nSoftware is furnished to do so, subject to the following\nconditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES\nOF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\nHOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,\nWHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\nFROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR\nOTHER DEALINGS IN THE SOFTWARE.\n\n\n>>> mqu/openldap-0.2\n\n/This work is part of OpenLDAP Software <http://www.openldap.org/>.\n\nCopyright 1998-2012 The OpenLDAP Foundation.\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted only as authorized by the OpenLDAP\nPublic License.\n\nA copy of this license is available in file LICENSE in the\ntop-level directory of the distribution or, alternatively, at\n<http://www.OpenLDAP.org/license.html>.\n/\n/ Portions Copyright (c) 1990 Regents of the University of Michigan.\nAll rights reserved.\n\nRedistribution and use in source and binary forms are permitted\nprovided that this notice is preserved and that due credit is given\nto the University of Michigan at Ann Arbor. The name of the University\nmay not be used to endorse or promote products derived from this\nsoftware without specific prior written permission. This software\nis provided ``as is'' without express or implied warranty.\n\n\n>>> nginx-1.11.5\n\nCopyright (C) 2002-2016 Igor Sysoev\nCopyright (C) 2011-2016 Nginx, Inc.\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\n\n>>> shadow-4.2.1\n\nCopyright (c) 1991 - 1994, Julianne Frances Haugh\nCopyright (c) 1996 - 2000, Marek Michalkiewicz\nCopyright (c) 2000 - 2006, Tomasz Kloczko\nCopyright (c) 2007 - 2011, Nicolas Franois\nAll rights reserved\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1 Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer\n2 Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution\n3 The name of the copyright holders or contributors may not be used to\nendorse or promote products derived from this software without\nspecific prior written permission\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n``AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A\nPARTICULAR PURPOSE ARE DISCLAIMED  IN NO EVENT SHALL THE COPYRIGHT\nHOLDERS OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE\n\n\nADDITIONAL LICENSE INFORMATION:\n\n> GPL 2.0\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\src\\vipwc\n\nCopyright (c) 1997       , Guy Maor <maor@eceutexasedu>\nCopyright (c) 1999 - 2000, Marek Michalkiewicz\nCopyright (c) 2002 - 2006, Tomasz Kloczko\nCopyright (c) 2007 - 2013, Nicolas Franois\nAll rights reserved\n\nThis program is free software; you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation; either version 2 of the License, or\n(at your option) any later version\n\nThis program is distributed in the hope that it will be useful, but\nWITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE See the GNU\nGeneral Public License for more details\n\nYou should have received a copy of the GNU General Public License\nalong with this program; if not, write to the Free Software\nFoundation, Inc, 51 Franklin Street, Fifth Floor,\nBoston, MA 02110-1301, USA\n\nudbachktgz\n\n> BSD Style\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\src\\login_nopamc\n\nCopyright 1995 by Wietse Venema  All rights reserved Individual files\nmay be covered by other copyrights (as noted in the file itself)\n\nThis material was originally written and compiled by Wietse Venema at\nEindhoven University of Technology, The Netherlands, in 1990, 1991,\n1992, 1993, 1994 and 1995\n\nRedistribution and use in source and binary forms are permitted\nprovided that this entire copyright notice is duplicated in all such\ncopies\n\nThis software is provided \"as is\" and without any expressed or implied\nwarranties, including, without limitation, the implied warranties of\nmerchantibility and fitness for any particular purpose\n\n> Public Domain\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\zh_TW\\man1\\newgrp1\n\nOriginal author unknown  This man page is in the public domain\nModified Sat Oct  9 17:46:48 1993 by faith@csuncedu\nTH NEWGRP 1 \"9 October 1993\" \"Linux 12\" \"Linux Programmer's Manual\"\n\n> GPL 3.0 with Bison Parser Exception\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\libmisc\\getdatec\n\nA Bison parser, made by GNU Bison 302\n\nBison implementation for Yacc-like parsers in C\n\nCopyright (C) 1984, 1989-1990, 2000-2013 Free Software Foundation, Inc\n\nThis program is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE  See the\nGNU General Public License for more details\n\nYou should have received a copy of the GNU General Public License\nalong with this program  If not, see <http://wwwgnuorg/licenses/>\n\nAs a special exception, you may create a larger work that contains\npart or all of the Bison parser skeleton and distribute that work\nunder terms of your choice, so long as that work isn't itself a\nparser generator using the skeleton or a modified version thereof\nas a parser skeleton  Alternatively, if you modify or redistribute\nthe parser skeleton itself, you may (at your option) remove this\nspecial exception, which will cause the skeleton and the resulting\nBison output files to be licensed under the GNU General Public\nLicense without this special exception\n\nThis special exception was added by the Free Software Foundation in\nversion 22 of Bison\n\n> GPL 3.0\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\tr\\man1\\chfn.1\n\nchfn.1 -- change your finger information\n(c) 1994 by salvatore valente <svalente@athena.mit.edu>\nthis program is free software.  you can redistribute it and\nmodify it under the terms of the gnu general public license.\nthere is no warranty.\n\n> MIT-Style\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\aclocalm4\n\nCopyright (C) 1996, 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004,\n2005, 2006, 2007, 2008, 2009, 2010, 2011 Free Software Foundation,\nInc\nThis file is free software; the Free Software Foundation\ngives unlimited permission to copy and/or distribute it,\nwith or without modifications, as long as this notice is preserved\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY, to the extent permitted by law; without\neven the implied warranty of MERCHANTABILITY or FITNESS FOR A\nPARTICULAR PURPOSE\n\n> BSD 3-Clause\n\n[PLEASE NOTE:  VMWARE, INC ELECTS TO USE AND DISTRIBUTE THIS COMPONENT UNDER THE TERMS OF THE BSD LICENSE THE ORIGINAL LICENSE TERMS ARE REPRODUCED BELOW ONLY AS A REFERENCE]\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\tr\\man1\\passwd1\n\nCopyright Red Hat, Inc, 1998, 1999, 2002\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1 Redistributions of source code must retain the above copyright\nnotice, and the entire permission notice in its entirety,\nincluding the disclaimer of warranties\n2 Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution\n3 The name of the author may not be used to endorse or promote\nproducts derived from this software without specific prior\nwritten permission\n\nALTERNATIVELY, this product may be distributed under the terms of\nthe GNU Public License, in which case the provisions of the GPL are\nrequired INSTEAD OF the above restrictions  (This clause is\nnecessary due to a potential bad interaction between the GPL and\nthe restrictions contained in a BSD-style copyright)\n\nTHIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY EXPRESS OR IMPLIED\nWARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES\nOF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\nDISCLAIMED  IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY DIRECT,\nINDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES\n(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\nSERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,\nSTRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)\nARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED\nOF THE POSSIBILITY OF SUCH DAMAGE\n\nCopyright (c) Cristian Gafton, 1998, <gafton@redhatcom>\n\n>  LDP General Public License\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\hu\\man1\\su1\n\nYou may copy, distribute and modify under the terms of the LDP General\nPublic License as specified in the LICENSE file that comes with the\ngnumaniak distribution\n\nThe author kindly requests that no comments regarding the \"better\"\nsuitability or up\\-to\\-date notices of any info documentation alternative\nis added without contacting him first\n\n(C) 1999 Ragnar Hojland Espinosa <ragnar@maculanet>\n\nGNU su man page\nman pages are NOT obsolete!\n<ragnar@maculanet>\nTH su 1 \"18 August 1999\" \"GNU Shell Utilities 20\"\n\n\n--------------- SECTION 2: Apache License, V2.0 ----------\n\nApache License, V2.0 is applicable to the following component(s).\n\n\n>>> apr-util-1.5.4\n\nLicensed to the Apache Software Foundation (ASF) under one or more\ncontributor license agreements.  See the NOTICE file distributed with\nthis work for additional information regarding copyright ownership.\nThe ASF licenses this file to You under the Apache License, Version 2.0\n(the \"License\"); you may not use this file except in compliance with\nthe License.  You may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\nADDITIONAL LICENSE INFORMATION:\n\n> apr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\NOTICE\n\nApache Portable Runtime Utility Library\nCopyright (c) 2000-2014 The Apache Software Foundation.\n\nThis product includes software developed at\nThe Apache Software Foundation (http://www.apache.org/).\n\nPortions of this software were developed at the National Center\nfor Supercomputing Applications (NCSA) at the University of\nIllinois at Urbana-Champaign.\n\nThis software contains code derived from the RSA Data Security\nInc. MD5 Message-Digest Algorithm, including various\nmodifications by Spyglass Inc., Carnegie Mellon University, and\nBell Communications Research, Inc (Bellcore).\n\n> RSA Data Security\n\napr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\include\\apr_md4.h\n\nThis is derived from material copyright RSA Data Security, Inc.\nTheir notice is reproduced below in its entirety.\n\nCopyright (C) 1991-2, RSA Data Security, Inc. Created 1991. All\nrights reserved.\n\nLicense to copy and use this software is granted provided that it\nis identified as the \"RSA Data Security, Inc. MD4 Message-Digest\nAlgorithm\" in all material mentioning or referencing this software\nor this function.\n\nLicense is also granted to make and use derivative works provided\nthat such works are identified as \"derived from the RSA Data\nSecurity, Inc. MD4 Message-Digest Algorithm\" in all material\nmentioning or referencing the derived work.\n\nRSA Data Security, Inc. makes no representations concerning either\nthe merchantability of this software or the suitability of this\nsoftware for any particular purpose. It is provided \"as is\"\nwithout express or implied warranty of any kind.\n\nThese notices must be retained in any copies of any part of this\ndocumentation and/or software.\n\n> MIT\n\napr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\xml\\expat\\COPYING\n\nCopyright (c) 1998, 1999, 2000 Thai Open Source Software Center Ltd\nand Clark Cooper\nCopyright (c) 2001, 2002 Expat maintainers.\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be included\nin all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.\nIN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY\nCLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,\nTORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\nSOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n> OpenLDAP Public License (BSD-Style)\n\nPortions Copyright 1998-2002 The OpenLDAP Foundation\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted only as authorized by the OpenLDAP\nPublic License.  A copy of this license is available at\nhttp://www.OpenLDAP.org/license.html or in file LICENSE in the\ntop-level directory of the distribution.\n\nOpenLDAP is a registered trademark of the OpenLDAP Foundation.\n\nIndividual files and/or contributed packages may be copyright by\nother parties and subject to additional restrictions.\n\nThis work is derived from the University of Michigan LDAP v3.3\ndistribution.  Information concerning this software is available\nat: http://www.umich.edu/~dirsvcs/ldap/\n\nThis work also contains materials derived from public sources.\n\nAdditional information about OpenLDAP can be obtained at:\nhttp://www.openldap.org/\n\n\n\nPortions Copyright (c) 1992-1996 Regents of the University of Michigan.\nAll rights reserved.\n\nRedistribution and use in source and binary forms are permitted\nprovided that this notice is preserved and that due credit is given\nto the University of Michigan at Ann Arbor. The name of the University\nmay not be used to endorse or promote products derived from this\nsoftware without specific prior written permission. This software\nis provided ``as is'' without express or implied warranty.\n\n\n>>> beego-1.6.1\n\nCopyright 2014 beego Author. All Rights Reserved.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\nADDITIONAL LICENSE INFORMATION:\n\n> BSD\n\nbeego-1.6.1.tar.gz\\beego-1.6.1.tar\\beego-1.6.1\\session\\README.md\n\nLICENSE\n\nBSD License http://creativecommons.org/licenses/BSD/\n\n> MIT\n\nbeego-1.6.1.tar.gz\\beego-1.6.1.tar\\beego-1.6.1\\utils\\captcha\\LICENSE\n\nCopyright (c) 2011-2014 Dmitry Chestnykh <dmitry@codingrobots.com>\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> docker-distribution-2.5.0\n\nLicense\n\nThis project is distributed under [Apache License, Version 2.0](LICENSE).\n\nADDITIONAL LICENSE INFORMATION:\n\n> MIT\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\bugsnag\\bugsnag-go\\LICENSE.txt\n\nCopyright (c) 2014 Bugsnag\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n\n> MIT Style\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\bugsnag\\osext\\LICENSE\n\nCopyright (c) 2012 Daniel Theophanes\n\nThis software is provided 'as-is', without any express or implied\nwarranty. In no event will the authors be held liable for any damages\narising from the use of this software.\n\nPermission is granted to anyone to use this software for any purpose,\nincluding commercial applications, and to alter it and redistribute it\nfreely, subject to the following restrictions:\n\n1. The origin of this software must not be misrepresented; you must not\nclaim that you wrote the original software. If you use this software\nin a product, an acknowledgment in the product documentation would be\nappreciated but is not required.\n\n2. Altered source versions must be plainly marked as such, and must not be\nmisrepresented as being the original software.\n\n3. This notice may not be removed or altered from any source\ndistribution.\n\n\n> CC-Attribution 3.0\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\docker\\libtrust\\README.md\n\nCopyright and license\n\nCode and documentation copyright 2014 Docker, inc. Code released under the Apache 2.0 license.\nDocs released under Creative commons.\n\n\n> BSD 3-Clause\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\golang\\protobuf\\LICENSE\n\nGo support for Protocol Buffers - Google's data interchange format\n\nCopyright 2010 The Go Authors.  All rights reserved.\nhttps://github.com/golang/protobuf\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are\nmet:\n\n* Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n* Redistributions in binary form must reproduce the above\ncopyright notice, this list of conditions and the following disclaimer\nin the documentation and/or other materials provided with the\ndistribution.\n* Neither the name of Google Inc. nor the names of its\ncontributors may be used to endorse or promote products derived from\nthis software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\nOWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n\n> BSD 2-Clause\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\gorilla\\handlers\\LICENSE\n\nCopyright (c) 2013 The Gorilla Handlers Authors. All rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are met:\n\nRedistributions of source code must retain the above copyright notice, this\nlist of conditions and the following disclaimer.\n\nRedistributions in binary form must reproduce the above copyright notice,\nthis list of conditions and the following disclaimer in the documentation\nand/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED\nWARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\nDISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\nSERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER\nCAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,\nOR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n> BSD-3\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\golang.org\\x\\crypto\\LICENSE\n\nCopyright (c) 2009 The Go Authors. All rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are\nmet:\n\n* Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n* Redistributions in binary form must reproduce the above\ncopyright notice, this list of conditions and the following disclaimer\nin the documentation and/or other materials provided with the\ndistribution.\n* Neither the name of Google Inc. nor the names of its\ncontributors may be used to endorse or promote products derived from\nthis software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\nOWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\nAdditional IP Rights Grant (Patents)\n\n\"This implementation\" means the copyrightable works distributed by\nGoogle as part of the Go project.\n\nGoogle hereby grants to You a perpetual, worldwide, non-exclusive,\nno-charge, royalty-free, irrevocable (except as stated in this section)\npatent license to make, have made, use, offer to sell, sell, import,\ntransfer and otherwise run, modify and propagate the contents of this\nimplementation of Go, where such license applies only to those patent\nclaims, both currently owned or controlled by Google and acquired in\nthe future, licensable by Google that are necessarily infringed by this\nimplementation of Go.  This grant does not include claims that would be\ninfringed only as a consequence of further modification of this\nimplementation.  If you or your agent or exclusive licensee institute or\norder or agree to the institution of patent litigation against any\nentity (including a cross-claim or counterclaim in a lawsuit) alleging\nthat this implementation of Go or any code incorporated within this\nimplementation of Go constitutes direct or contributory patent\ninfringement, or inducement of patent infringement, then any patent\nrights granted to you under this License for this implementation of Go\nshall terminate as of the date such litigation is filed.\n\n\n>>> docker-libtrust -9cbd2a1\n\nCopyright and license\n\nCode and documentation copyright 2014 Docker, inc. Code released under the Apache 2.0 license.\nDocs released under Creative commons.\n\n\n>>> registry-2.5.0\n\nLicense: Apache 2.0\n\n\n--------------- SECTION 3: GNU General Public License, V2.0 ----------\n\nGNU General Public License, V2.0 is applicable to the following component(s).\n\n\n>>> logrotate-3.9.1\n\nLICENSE : GPL 2.0\n\nADDITIONAL LICENSE INFORMATION:\n\n>   BSD 3-Clause\n\nlogrotate-3.9.1.tar.gz\\logrotate-3.9.1.tar\\logrotate-3.9.1\\queue.h\n\nCopyright (c) 1991, 1993\n\tThe Regents of the University of California.  All rights reserved.\n\n Redistribution and use in source and binary forms, with or without\n modification, are permitted provided that the following conditions\n are met:\n 1. Redistributions of source code must retain the above copyright\n    notice, this list of conditions and the following disclaimer.\n 2. Redistributions in binary form must reproduce the above copyright\n    notice, this list of conditions and the following disclaimer in the\n    documentation and/or other materials provided with the distribution.\n 3. Neither the name of the University nor the names of its contributors\n    may be used to endorse or promote products derived from this software\n    without specific prior written permission.\n\n THIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\n ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\n IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\n ARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\n FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\n DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\n OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\n HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\n LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\n OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\n SUCH DAMAGE.\n\n\n>>> mysql-5.6\n\nLicense: GPL 2.0\n\n\n--------------- SECTION 4: GNU General Public License, V3.0 ----------\n\nGNU General Public License, V3.0 is applicable to the following component(s).\n\n\n>>> rsyslog-8.15.0\n\nCopyright 2007, 2014 Rainer Gerhards and Adiscon GmbH.\n\nThis file is part of rsyslog.\n\nRsyslog is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version.\n\nRsyslog is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with Rsyslog.  If not, see <http://www.gnu.org/licenses/>.\n\nA copy of the GPL can be found in the file \"COPYING\" in this distribution.\n\nADDITIONAL LICENSE INFORMATION:\n\n> CDDL 1.1\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\compat\\getifaddrs.c\n\nThe contents of this file are subject to the terms of the\nCommon Development and Distribution License (the \"License\").\nYou may not use this file except in compliance with the License.\n\nYou can obtain a copy of the license at usr/src/OPENSOLARIS.LICENSE\nor http://www.opensolaris.org/os/licensing.\nSee the License for the specific language governing permissions\nand limitations under the License.\n\nWhen distributing Covered Code, include this CDDL HEADER in each\nfile and include the License file at usr/src/OPENSOLARIS.LICENSE.\nIf applicable, add the following below this CDDL HEADER, with the\nfields enclosed by brackets \"[]\" replaced with your own identifying\ninformation: Portions Copyright [yyyy] [name of copyright owner]\n\n> Apache 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\compat\\strndup.c\n\nCopyright 2015 Rainer Gerhards and Adiscon\n\nThis file is part of rsyslog.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n-or-\nsee COPYING.ASL20 in the source distribution\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n> LGPL  3.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\contrib\\imzmq3\\imzmq3.c\n\nCopyright 2012 Talksum, Inc.\n\nThis program is free software: you can redistribute it and/or\nmodify it under the terms of the GNU Lesser General Public License\nas published by the Free Software Foundation, either version 3 of\nthe License, or (at your option) any later version.\n\nThis program is distributed in the hope that it will be useful, but\nWITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU\nLesser General Public License for more details.\n\nYou should have received a copy of the GNU Lesser General Public\nLicense along with this program.  If not, see\n<http://www.gnu.org/licenses/>.\n\nAuthors:\nDavid Kelly <davidk@talksum.com>\nHongfei Cheng hongfeic@talksum.com\n\n> GPL 3.0 (WITH BISON PARSER EXCEPTION)\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\grammar\\grammar.c\n\nCopyright (C) 1984, 1989-1990, 2000-2013 Free Software Foundation, Inc.\n\nThis program is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version.\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with this program.  If not, see <http://www.gnu.org/licenses/>.\n\nAs a special exception, you may create a larger work that contains\npart or all of the Bison parser skeleton and distribute that work\nunder terms of your choice, so long as that work isn't itself a\nparser generator using the skeleton or a modified version thereof\nas a parser skeleton.  Alternatively, if you modify or redistribute\nthe parser skeleton itself, you may (at your option) remove this\nspecial exception, which will cause the skeleton and the resulting\nBison output files to be licensed under the GNU General Public\nLicense without this special exception.\n\nThis special exception was added by the Free Software Foundation in\nversion 2.2 of Bison.\n\n> MIT\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\plugins\\omelasticsearch\\cJSON\\cjson.c\n\nCopyright (c) 2009 Dave Gamble\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n> BSD 3-Clause\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\runtime\\hashtable.h\n\nCopyright (c) 2002, Christopher Clark\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n\nRedistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n\nRedistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nNeither the name of the original author; nor the names of any contributors\nmay be used to endorse or promote products derived from this software\nwithout specific prior written permission.\n\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL THE COPYRIGHT OWNER\nOR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,\nEXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,\nPROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR\nPROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF\nLIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING\nNEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS\nSOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n> GPL 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\tools\\rsyslog.conf.5\n\nThis file is part of the rsyslog  package, an enhanced system log daemon.\n\nThis program is free software; you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation; either version 2 of the License, or\n(at your option) any later version.\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with this program; if not, write to the Free Software\nFoundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111, USA.\n\n> LGPL 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\tools\\rscryutil.rst\n\nCOPYRIGHT\n=========\n\nThis page is part of the *rsyslog* project, and is available under\nLGPLv2.\n\n\n--------------- SECTION 5: Mozilla Public License, V2.0 ----------\n\nMozilla Public License, V2.0 is applicable to the following component(s).\n\n\n>>> go-sql-driver/mysql-1.2\n\nCopyright 2013 The Go-MySQL-Driver Authors. All rights reserved.\n\nThis Source Code Form is subject to the terms of the Mozilla Public\nLicense, v. 2.0. If a copy of the MPL was not distributed with this file,\nYou can obtain one at http://mozilla.org/MPL/2.0/.\n\n\n=============== APPENDIX. Standard License Files ============== \n\n\n\n--------------- SECTION 1: Mozilla Public License, V2.0 -----------\n\nMozilla Public License\nVersion 2.0\n\n1. Definitions\n\n1.1. Contributor\nmeans each individual or legal entity that creates, contributes to the creation of, or owns Covered Software.\n\n1.2. Contributor Version\nmeans the combination of the Contributions of others (if any) used by a Contributor and that particular Contributors Contribution.\n\n1.3. Contribution\nmeans Covered Software of a particular Contributor.\n\n1.4. Covered Software\nmeans Source Code Form to which the initial Contributor has attached the notice in Exhibit A, the Executable Form of such Source Code Form, and Modifications of such Source Code Form, in each case including portions thereof.\n\n1.5. Incompatible With Secondary Licenses\nmeans\n\nthat the initial Contributor has attached the notice described in Exhibit B to the Covered Software; or\n\nthat the Covered Software was made available under the terms of version 1.1 or earlier of the License, but not also under the terms of a Secondary License.\n\n1.6. Executable Form\nmeans any form of the work other than Source Code Form.\n\n1.7. Larger Work\nmeans a work that combines Covered Software with other material, in a separate file or files, that is not Covered Software.\n\n1.8. License\nmeans this document.\n\n1.9. Licensable\nmeans having the right to grant, to the maximum extent possible, whether at the time of the initial grant or subsequently, any and all of the rights conveyed by this License.\n\n1.10. Modifications\nmeans any of the following:\n\nany file in Source Code Form that results from an addition to, deletion from, or modification of the contents of Covered Software; or\n\nany new file in Source Code Form that contains any Covered Software.\n\n1.11. Patent Claims of a Contributor\nmeans any patent claim(s), including without limitation, method, process, and apparatus claims, in any patent Licensable by such Contributor that would be infringed, but for the grant of the License, by the making, using, selling, offering for sale, having made, import, or transfer of either its Contributions or its Contributor Version.\n\n1.12. Secondary License\nmeans either the GNU General Public License, Version 2.0, the GNU Lesser General Public License, Version 2.1, the GNU Affero General Public License, Version 3.0, or any later versions of those licenses.\n\n1.13. Source Code Form\nmeans the form of the work preferred for making modifications.\n\n1.14. You (or Your)\nmeans an individual or a legal entity exercising rights under this License. For legal entities, You includes any entity that controls, is controlled by, or is under common control with You. For purposes of this definition, control means (a) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (b) ownership of more than fifty percent (50%) of the outstanding shares or beneficial ownership of such entity.\n\n2. License Grants and Conditions\n\n2.1. Grants\n\nEach Contributor hereby grants You a world-wide, royalty-free, non-exclusive license:\n\nunder intellectual property rights (other than patent or trademark) Licensable by such Contributor to use, reproduce, make available, modify, display, perform, distribute, and otherwise exploit its Contributions, either on an unmodified basis, with Modifications, or as part of a Larger Work; and\n\nunder Patent Claims of such Contributor to make, use, sell, offer for sale, have made, import, and otherwise transfer either its Contributions or its Contributor Version.\n\n2.2. Effective Date\n\nThe licenses granted in Section 2.1 with respect to any Contribution become effective for each Contribution on the date the Contributor first distributes such Contribution.\n\n2.3. Limitations on Grant Scope\n\nThe licenses granted in this Section 2 are the only rights granted under this License. No additional rights or licenses will be implied from the distribution or licensing of Covered Software under this License. Notwithstanding Section 2.1(b) above, no patent license is granted by a Contributor:\n\nfor any code that a Contributor has removed from Covered Software; or\n\nfor infringements caused by: (i) Your and any other third partys modifications of Covered Software, or (ii) the combination of its Contributions with other software (except as part of its Contributor Version); or\n\nunder Patent Claims infringed by Covered Software in the absence of its Contributions.\n\nThis License does not grant any rights in the trademarks, service marks, or logos of any Contributor (except as may be necessary to comply with the notice requirements in Section 3.4).\n\n2.4. Subsequent Licenses\n\nNo Contributor makes additional grants as a result of Your choice to distribute the Covered Software under a subsequent version of this License (see Section 10.2) or under the terms of a Secondary License (if permitted under the terms of Section 3.3).\n\n2.5. Representation\n\nEach Contributor represents that the Contributor believes its Contributions are its original creation(s) or it has sufficient rights to grant the rights to its Contributions conveyed by this License.\n\n2.6. Fair Use\n\nThis License is not intended to limit any rights You have under applicable copyright doctrines of fair use, fair dealing, or other equivalents.\n\n2.7. Conditions\n\nSections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted in Section 2.1.\n\n3. Responsibilities\n\n3.1. Distribution of Source Form\n\nAll distribution of Covered Software in Source Code Form, including any Modifications that You create or to which You contribute, must be under the terms of this License. You must inform recipients that the Source Code Form of the Covered Software is governed by the terms of this License, and how they can obtain a copy of this License. You may not attempt to alter or restrict the recipients rights in the Source Code Form.\n\n3.2. Distribution of Executable Form\n\nIf You distribute Covered Software in Executable Form then:\n\nsuch Covered Software must also be made available in Source Code Form, as described in Section 3.1, and You must inform recipients of the Executable Form how they can obtain a copy of such Source Code Form by reasonable means in a timely manner, at a charge no more than the cost of distribution to the recipient; and\n\nYou may distribute such Executable Form under the terms of this License, or sublicense it under different terms, provided that the license for the Executable Form does not attempt to limit or alter the recipients rights in the Source Code Form under this License.\n\n3.3. Distribution of a Larger Work\n\nYou may create and distribute a Larger Work under terms of Your choice, provided that You also comply with the requirements of this License for the Covered Software. If the Larger Work is a combination of Covered Software with a work governed by one or more Secondary Licenses, and the Covered Software is not Incompatible With Secondary Licenses, this License permits You to additionally distribute such Covered Software under the terms of such Secondary License(s), so that the recipient of the Larger Work may, at their option, further distribute the Covered Software under the terms of either this License or such Secondary License(s).\n\n3.4. Notices\n\nYou may not remove or alter the substance of any license notices (including copyright notices, patent notices, disclaimers of warranty, or limitations of liability) contained within the Source Code Form of the Covered Software, except that You may alter any license notices to the extent required to remedy known factual inaccuracies.\n\n3.5. Application of Additional Terms\n\nYou may choose to offer, and to charge a fee for, warranty, support, indemnity or liability obligations to one or more recipients of Covered Software. However, You may do so only on Your own behalf, and not on behalf of any Contributor. You must make it absolutely clear that any such warranty, support, indemnity, or liability obligation is offered by You alone, and You hereby agree to indemnify every Contributor for any liability incurred by such Contributor as a result of warranty, support, indemnity or liability terms You offer. You may include additional disclaimers of warranty and limitations of liability specific to any jurisdiction.\n\n4. Inability to Comply Due to Statute or Regulation\n\nIf it is impossible for You to comply with any of the terms of this License with respect to some or all of the Covered Software due to statute, judicial order, or regulation then You must: (a) comply with the terms of this License to the maximum extent possible; and (b) describe the limitations and the code they affect. Such description must be placed in a text file included with all distributions of the Covered Software under this License. Except to the extent prohibited by statute or regulation, such description must be sufficiently detailed for a recipient of ordinary skill to be able to understand it.\n\n5. Termination\n\n5.1. The rights granted under this License will terminate automatically if You fail to comply with any of its terms. However, if You become compliant, then the rights granted under this License from a particular Contributor are reinstated (a) provisionally, unless and until such Contributor explicitly and finally terminates Your grants, and (b) on an ongoing basis, if such Contributor fails to notify You of the non-compliance by some reasonable means prior to 60 days after You have come back into compliance. Moreover, Your grants from a particular Contributor are reinstated on an ongoing basis if such Contributor notifies You of the non-compliance by some reasonable means, this is the first time You have received notice of non-compliance with this License from such Contributor, and You become compliant prior to 30 days after Your receipt of the notice.\n\n5.2. If You initiate litigation against any entity by asserting a patent infringement claim (excluding declaratory judgment actions, counter-claims, and cross-claims) alleging that a Contributor Version directly or indirectly infringes any patent, then the rights granted to You by any and all Contributors for the Covered Software under Section 2.1 of this License shall terminate.\n\n5.3. In the event of termination under Sections 5.1 or 5.2 above, all end user license agreements (excluding distributors and resellers) which have been validly granted by You or Your distributors under this License prior to termination shall survive termination.\n\n6. Disclaimer of Warranty\n\nCovered Software is provided under this License on an as is basis, without warranty of any kind, either expressed, implied, or statutory, including, without limitation, warranties that the Covered Software is free of defects, merchantable, fit for a particular purpose or non-infringing. The entire risk as to the quality and performance of the Covered Software is with You. Should any Covered Software prove defective in any respect, You (not any Contributor) assume the cost of any necessary servicing, repair, or correction. This disclaimer of warranty constitutes an essential part of this License. No use of any Covered Software is authorized under this License except under this disclaimer.\n\n7. Limitation of Liability\n\nUnder no circumstances and under no legal theory, whether tort (including negligence), contract, or otherwise, shall any Contributor, or anyone who distributes Covered Software as permitted above, be liable to You for any direct, indirect, special, incidental, or consequential damages of any character including, without limitation, damages for lost profits, loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses, even if such party shall have been informed of the possibility of such damages. This limitation of liability shall not apply to liability for death or personal injury resulting from such partys negligence to the extent applicable law prohibits such limitation. Some jurisdictions do not allow the exclusion or limitation of incidental or consequential damages, so this exclusion and limitation may not apply to You.\n\n8. Litigation\n\nAny litigation relating to this License may be brought only in the courts of a jurisdiction where the defendant maintains its principal place of business and such litigation shall be governed by laws of that jurisdiction, without reference to its conflict-of-law provisions. Nothing in this Section shall prevent a partys ability to bring cross-claims or counter-claims.\n\n9. Miscellaneous\n\nThis License represents the complete agreement concerning the subject matter hereof. If any provision of this License is held to be unenforceable, such provision shall be reformed only to the extent necessary to make it enforceable. Any law or regulation which provides that the language of a contract shall be construed against the drafter shall not be used to construe this License against a Contributor.\n\n10. Versions of the License\n\n10.1. New Versions\n\nMozilla Foundation is the license steward. Except as provided in Section 10.3, no one other than the license steward has the right to modify or publish new versions of this License. Each version will be given a distinguishing version number.\n\n10.2. Effect of New Versions\n\nYou may distribute the Covered Software under the terms of the version of the License under which You originally received the Covered Software, or under the terms of any subsequent version published by the license steward.\n\n10.3. Modified Versions\n\nIf you create software not governed by this License, and you want to create a new license for such software, you may create and use a modified version of this License if you rename the license and remove any references to the name of the license steward (except to note that such modified license differs from this License).\n\n10.4. Distributing Source Code Form that is Incompatible With Secondary Licenses\n\nIf You choose to distribute Source Code Form that is Incompatible With Secondary Licenses under the terms of this version of the License, the notice described in Exhibit B of this License must be attached.\n\nExhibit A - Source Code Form License Notice\n\nThis Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/.\n\nIf it is not possible or desirable to put the notice in a particular file, then You may include the notice in a location (such as a LICENSE file in a relevant directory) where a recipient would be likely to look for such a notice.\n\nYou may add additional accurate notices of copyright ownership.\n\nExhibit B - Incompatible With Secondary Licenses Notice\n\nThis Source Code Form is Incompatible With Secondary Licenses, as defined by the Mozilla Public License, v. 2.0.\n\n--------------- SECTION 2: Apache License, V2.0 -----------\n\nApache License \n\nVersion 2.0, January 2004 \nhttp://www.apache.org/licenses/ \n\nTERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION \n\n1. Definitions.\n\n\"License\" shall mean the terms and conditions for use, reproduction,\nand distribution as defined by Sections 1 through 9 of this document.\n\n\"Licensor\" shall mean the copyright owner or entity authorized by the\ncopyright owner that is granting the License.  \n\n\"Legal Entity\" shall mean the union of the acting entity and all other\nentities that control, are controlled by, or are under common control\nwith that entity. For the purposes of this definition, \"control\" means\n(i) the power, direct or indirect, to cause the direction or management\nof such entity, whether by contract or otherwise, or (ii) ownership\nof fifty percent (50%) or more of the outstanding shares, or (iii)\nbeneficial ownership of such entity.\n\n\"You\" (or \"Your\") shall mean an individual or Legal Entity exercising\npermissions granted by this License.  \n\n\"Source\" form shall mean the preferred form for making modifications,\nincluding but not limited to software source code, documentation source,\nand configuration files.\n\n\"Object\" form shall mean any form resulting from mechanical transformation\nor translation of a Source form, including but not limited to compiled\nobject code, generated documentation, and conversions to other media\ntypes.  \n\n\"Work\" shall mean the work of authorship, whether in Source or\nObject form, made available under the License, as indicated by a copyright\nnotice that is included in or attached to the work (an example is provided\nin the Appendix below).  \n\n\"Derivative Works\" shall mean any work, whether in Source or Object form,\nthat is based on (or derived from) the Work and for which the editorial\nrevisions, annotations, elaborations, or other modifications represent,\nas a whole, an original work of authorship. For the purposes of this\nLicense, Derivative Works shall not include works that remain separable\nfrom, or merely link (or bind by name) to the interfaces of, the Work\nand Derivative Works thereof.\n\n\"Contribution\" shall mean any work of authorship, including the\noriginal version of the Work and any modifications or additions to\nthat Work or Derivative Works thereof, that is intentionally submitted\nto Licensor for inclusion in the Work by the copyright owner or by an\nindividual or Legal Entity authorized to submit on behalf of the copyright\nowner. For the purposes of this definition, \"submitted\" means any form of\nelectronic, verbal, or written communication sent to the Licensor or its\nrepresentatives, including but not limited to communication on electronic\nmailing lists, source code control systems, and issue tracking systems\nthat are managed by, or on behalf of, the Licensor for the purpose of\ndiscussing and improving the Work, but excluding communication that is\nconspicuously marked or otherwise designated in writing by the copyright\nowner as \"Not a Contribution.\"\n\n\"Contributor\" shall mean Licensor and any individual or Legal Entity\non behalf of whom a Contribution has been received by Licensor and\nsubsequently incorporated within the Work.\n\n2. Grant of Copyright License.\nSubject to the terms and conditions of this License, each Contributor\nhereby grants to You a perpetual, worldwide, non-exclusive, no-charge,\nroyalty-free, irrevocable copyright license to reproduce, prepare\nDerivative Works of, publicly display, publicly perform, sublicense, and\ndistribute the Work and such Derivative Works in Source or Object form.\n\n3. Grant of Patent License.\nSubject to the terms and conditions of this License, each Contributor\nhereby grants to You a perpetual, worldwide, non-exclusive, no-charge,\nroyalty- free, irrevocable (except as stated in this section) patent\nlicense to make, have made, use, offer to sell, sell, import, and\notherwise transfer the Work, where such license applies only to those\npatent claims licensable by such Contributor that are necessarily\ninfringed by their Contribution(s) alone or by combination of\ntheir Contribution(s) with the Work to which such Contribution(s)\nwas submitted. If You institute patent litigation against any entity\n(including a cross-claim or counterclaim in a lawsuit) alleging that the\nWork or a Contribution incorporated within the Work constitutes direct\nor contributory patent infringement, then any patent licenses granted\nto You under this License for that Work shall terminate as of the date\nsuch litigation is filed.\n\n4. Redistribution.\nYou may reproduce and distribute copies of the Work or Derivative Works\nthereof in any medium, with or without modifications, and in Source or\nObject form, provided that You meet the following conditions:\n\n  a. You must give any other recipients of the Work or Derivative Works\n     a copy of this License; and\n\n  b. You must cause any modified files to carry prominent notices stating\n     that You changed the files; and\n\n  c. You must retain, in the Source form of any Derivative Works that\n     You distribute, all copyright, patent, trademark, and attribution\n     notices from the Source form of the Work, excluding those notices\n     that do not pertain to any part of the Derivative Works; and\n\n  d. If the Work includes a \"NOTICE\" text file as part of its\n     distribution, then any Derivative Works that You distribute must\n     include a readable copy of the attribution notices contained\n     within such NOTICE file, excluding those notices that do not\n     pertain to any part of the Derivative Works, in at least one of\n     the following places: within a NOTICE text file distributed as part\n     of the Derivative Works; within the Source form or documentation,\n     if provided along with the Derivative Works; or, within a display\n     generated by the Derivative Works, if and wherever such third-party\n     notices normally appear. The contents of the NOTICE file are for\n     informational purposes only and do not modify the License. You\n     may add Your own attribution notices within Derivative Works that\n     You distribute, alongside or as an addendum to the NOTICE text\n     from the Work, provided that such additional attribution notices\n     cannot be construed as modifying the License.  You may add Your own\n     copyright statement to Your modifications and may provide additional\n     or different license terms and conditions for use, reproduction, or\n     distribution of Your modifications, or for any such Derivative Works\n     as a whole, provided Your use, reproduction, and distribution of the\n     Work otherwise complies with the conditions stated in this License.\n\n5. Submission of Contributions.\nUnless You explicitly state otherwise, any Contribution intentionally\nsubmitted for inclusion in the Work by You to the Licensor shall be\nunder the terms and conditions of this License, without any additional\nterms or conditions.  Notwithstanding the above, nothing herein shall\nsupersede or modify the terms of any separate license agreement you may\nhave executed with Licensor regarding such Contributions.\n\n6. Trademarks.\nThis License does not grant permission to use the trade names, trademarks,\nservice marks, or product names of the Licensor, except as required for\nreasonable and customary use in describing the origin of the Work and\nreproducing the content of the NOTICE file.\n\n7. Disclaimer of Warranty.\nUnless required by applicable law or agreed to in writing, Licensor\nprovides the Work (and each Contributor provides its Contributions) on\nan \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either\nexpress or implied, including, without limitation, any warranties or\nconditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR\nA PARTICULAR PURPOSE. You are solely responsible for determining the\nappropriateness of using or redistributing the Work and assume any risks\nassociated with Your exercise of permissions under this License.\n\n8. Limitation of Liability.\nIn no event and under no legal theory, whether in tort (including\nnegligence), contract, or otherwise, unless required by applicable law\n(such as deliberate and grossly negligent acts) or agreed to in writing,\nshall any Contributor be liable to You for damages, including any direct,\nindirect, special, incidental, or consequential damages of any character\narising as a result of this License or out of the use or inability to\nuse the Work (including but not limited to damages for loss of goodwill,\nwork stoppage, computer failure or malfunction, or any and all other\ncommercial damages or losses), even if such Contributor has been advised\nof the possibility of such damages.\n\n9. Accepting Warranty or Additional Liability.\nWhile redistributing the Work or Derivative Works thereof, You may\nchoose to offer, and charge a fee for, acceptance of support, warranty,\nindemnity, or other liability obligations and/or rights consistent with\nthis License. However, in accepting such obligations, You may act only\non Your own behalf and on Your sole responsibility, not on behalf of\nany other Contributor, and only if You agree to indemnify, defend, and\nhold each Contributor harmless for any liability incurred by, or claims\nasserted against, such Contributor by reason of your accepting any such\nwarranty or additional liability.\n\nEND OF TERMS AND CONDITIONS \n\n\n\n--------------- SECTION 3: GNU General Public License, V3.0 -----------\n\n                    GNU GENERAL PUBLIC LICENSE\n                       Version 3, 29 June 2007\n\n Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n                            Preamble\n\n  The GNU General Public License is a free, copyleft license for\nsoftware and other kinds of works.\n\n  The licenses for most software and other practical works are designed\nto take away your freedom to share and change the works.  By contrast,\nthe GNU General Public License is intended to guarantee your freedom to\nshare and change all versions of a program--to make sure it remains free\nsoftware for all its users.  We, the Free Software Foundation, use the\nGNU General Public License for most of our software; it applies also to\nany other work released this way by its authors.  You can apply it to\nyour programs, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthem if you wish), that you receive source code or can get it if you\nwant it, that you can change the software or use pieces of it in new\nfree programs, and that you know you can do these things.\n\n  To protect your rights, we need to prevent others from denying you\nthese rights or asking you to surrender the rights.  Therefore, you have\ncertain responsibilities if you distribute copies of the software, or if\nyou modify it: responsibilities to respect the freedom of others.\n\n  For example, if you distribute copies of such a program, whether\ngratis or for a fee, you must pass on to the recipients the same\nfreedoms that you received.  You must make sure that they, too, receive\nor can get the source code.  And you must show them these terms so they\nknow their rights.\n\n  Developers that use the GNU GPL protect your rights with two steps:\n(1) assert copyright on the software, and (2) offer you this License\ngiving you legal permission to copy, distribute and/or modify it.\n\n  For the developers' and authors' protection, the GPL clearly explains\nthat there is no warranty for this free software.  For both users' and\nauthors' sake, the GPL requires that modified versions be marked as\nchanged, so that their problems will not be attributed erroneously to\nauthors of previous versions.\n\n  Some devices are designed to deny users access to install or run\nmodified versions of the software inside them, although the manufacturer\ncan do so.  This is fundamentally incompatible with the aim of\nprotecting users' freedom to change the software.  The systematic\npattern of such abuse occurs in the area of products for individuals to\nuse, which is precisely where it is most unacceptable.  Therefore, we\nhave designed this version of the GPL to prohibit the practice for those\nproducts.  If such problems arise substantially in other domains, we\nstand ready to extend this provision to those domains in future versions\nof the GPL, as needed to protect the freedom of users.\n\n  Finally, every program is threatened constantly by software patents.\nStates should not allow patents to restrict development and use of\nsoftware on general-purpose computers, but in those that do, we wish to\navoid the special danger that patents applied to a free program could\nmake it effectively proprietary.  To prevent this, the GPL assures that\npatents cannot be used to render the program non-free.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.\n\n                       TERMS AND CONDITIONS\n\n  0. Definitions.\n\n  \"This License\" refers to version 3 of the GNU General Public License.\n\n  \"Copyright\" also means copyright-like laws that apply to other kinds of\nworks, such as semiconductor masks.\n\n  \"The Program\" refers to any copyrightable work licensed under this\nLicense.  Each licensee is addressed as \"you\".  \"Licensees\" and\n\"recipients\" may be individuals or organizations.\n\n  To \"modify\" a work means to copy from or adapt all or part of the work\nin a fashion requiring copyright permission, other than the making of an\nexact copy.  The resulting work is called a \"modified version\" of the\nearlier work or a work \"based on\" the earlier work.\n\n  A \"covered work\" means either the unmodified Program or a work based\non the Program.\n\n  To \"propagate\" a work means to do anything with it that, without\npermission, would make you directly or secondarily liable for\ninfringement under applicable copyright law, except executing it on a\ncomputer or modifying a private copy.  Propagation includes copying,\ndistribution (with or without modification), making available to the\npublic, and in some countries other activities as well.\n\n  To \"convey\" a work means any kind of propagation that enables other\nparties to make or receive copies.  Mere interaction with a user through\na computer network, with no transfer of a copy, is not conveying.\n\n  An interactive user interface displays \"Appropriate Legal Notices\"\nto the extent that it includes a convenient and prominently visible\nfeature that (1) displays an appropriate copyright notice, and (2)\ntells the user that there is no warranty for the work (except to the\nextent that warranties are provided), that licensees may convey the\nwork under this License, and how to view a copy of this License.  If\nthe interface presents a list of user commands or options, such as a\nmenu, a prominent item in the list meets this criterion.\n\n  1. Source Code.\n\n  The \"source code\" for a work means the preferred form of the work\nfor making modifications to it.  \"Object code\" means any non-source\nform of a work.\n\n  A \"Standard Interface\" means an interface that either is an official\nstandard defined by a recognized standards body, or, in the case of\ninterfaces specified for a particular programming language, one that\nis widely used among developers working in that language.\n\n  The \"System Libraries\" of an executable work include anything, other\nthan the work as a whole, that (a) is included in the normal form of\npackaging a Major Component, but which is not part of that Major\nComponent, and (b) serves only to enable use of the work with that\nMajor Component, or to implement a Standard Interface for which an\nimplementation is available to the public in source code form.  A\n\"Major Component\", in this context, means a major essential component\n(kernel, window system, and so on) of the specific operating system\n(if any) on which the executable work runs, or a compiler used to\nproduce the work, or an object code interpreter used to run it.\n\n  The \"Corresponding Source\" for a work in object code form means all\nthe source code needed to generate, install, and (for an executable\nwork) run the object code and to modify the work, including scripts to\ncontrol those activities.  However, it does not include the work's\nSystem Libraries, or general-purpose tools or generally available free\nprograms which are used unmodified in performing those activities but\nwhich are not part of the work.  For example, Corresponding Source\nincludes interface definition files associated with source files for\nthe work, and the source code for shared libraries and dynamically\nlinked subprograms that the work is specifically designed to require,\nsuch as by intimate data communication or control flow between those\nsubprograms and other parts of the work.\n\n  The Corresponding Source need not include anything that users\ncan regenerate automatically from other parts of the Corresponding\nSource.\n\n  The Corresponding Source for a work in source code form is that\nsame work.\n\n  2. Basic Permissions.\n\n  All rights granted under this License are granted for the term of\ncopyright on the Program, and are irrevocable provided the stated\nconditions are met.  This License explicitly affirms your unlimited\npermission to run the unmodified Program.  The output from running a\ncovered work is covered by this License only if the output, given its\ncontent, constitutes a covered work.  This License acknowledges your\nrights of fair use or other equivalent, as provided by copyright law.\n\n  You may make, run and propagate covered works that you do not\nconvey, without conditions so long as your license otherwise remains\nin force.  You may convey covered works to others for the sole purpose\nof having them make modifications exclusively for you, or provide you\nwith facilities for running those works, provided that you comply with\nthe terms of this License in conveying all material for which you do\nnot control copyright.  Those thus making or running the covered works\nfor you must do so exclusively on your behalf, under your direction\nand control, on terms that prohibit them from making any copies of\nyour copyrighted material outside their relationship with you.\n\n  Conveying under any other circumstances is permitted solely under\nthe conditions stated below.  Sublicensing is not allowed; section 10\nmakes it unnecessary.\n\n  3. Protecting Users' Legal Rights From Anti-Circumvention Law.\n\n  No covered work shall be deemed part of an effective technological\nmeasure under any applicable law fulfilling obligations under article\n11 of the WIPO copyright treaty adopted on 20 December 1996, or\nsimilar laws prohibiting or restricting circumvention of such\nmeasures.\n\n  When you convey a covered work, you waive any legal power to forbid\ncircumvention of technological measures to the extent such circumvention\nis effected by exercising rights under this License with respect to\nthe covered work, and you disclaim any intention to limit operation or\nmodification of the work as a means of enforcing, against the work's\nusers, your or third parties' legal rights to forbid circumvention of\ntechnological measures.\n\n  4. Conveying Verbatim Copies.\n\n  You may convey verbatim copies of the Program's source code as you\nreceive it, in any medium, provided that you conspicuously and\nappropriately publish on each copy an appropriate copyright notice;\nkeep intact all notices stating that this License and any\nnon-permissive terms added in accord with section 7 apply to the code;\nkeep intact all notices of the absence of any warranty; and give all\nrecipients a copy of this License along with the Program.\n\n  You may charge any price or no price for each copy that you convey,\nand you may offer support or warranty protection for a fee.\n\n  5. Conveying Modified Source Versions.\n\n  You may convey a work based on the Program, or the modifications to\nproduce it from the Program, in the form of source code under the\nterms of section 4, provided that you also meet all of these conditions:\n\n    a) The work must carry prominent notices stating that you modified\n    it, and giving a relevant date.\n\n    b) The work must carry prominent notices stating that it is\n    released under this License and any conditions added under section\n    7.  This requirement modifies the requirement in section 4 to\n    \"keep intact all notices\".\n\n    c) You must license the entire work, as a whole, under this\n    License to anyone who comes into possession of a copy.  This\n    License will therefore apply, along with any applicable section 7\n    additional terms, to the whole of the work, and all its parts,\n    regardless of how they are packaged.  This License gives no\n    permission to license the work in any other way, but it does not\n    invalidate such permission if you have separately received it.\n\n    d) If the work has interactive user interfaces, each must display\n    Appropriate Legal Notices; however, if the Program has interactive\n    interfaces that do not display Appropriate Legal Notices, your\n    work need not make them do so.\n\n  A compilation of a covered work with other separate and independent\nworks, which are not by their nature extensions of the covered work,\nand which are not combined with it such as to form a larger program,\nin or on a volume of a storage or distribution medium, is called an\n\"aggregate\" if the compilation and its resulting copyright are not\nused to limit the access or legal rights of the compilation's users\nbeyond what the individual works permit.  Inclusion of a covered work\nin an aggregate does not cause this License to apply to the other\nparts of the aggregate.\n\n  6. Conveying Non-Source Forms.\n\n  You may convey a covered work in object code form under the terms\nof sections 4 and 5, provided that you also convey the\nmachine-readable Corresponding Source under the terms of this License,\nin one of these ways:\n\n    a) Convey the object code in, or embodied in, a physical product\n    (including a physical distribution medium), accompanied by the\n    Corresponding Source fixed on a durable physical medium\n    customarily used for software interchange.\n\n    b) Convey the object code in, or embodied in, a physical product\n    (including a physical distribution medium), accompanied by a\n    written offer, valid for at least three years and valid for as\n    long as you offer spare parts or customer support for that product\n    model, to give anyone who possesses the object code either (1) a\n    copy of the Corresponding Source for all the software in the\n    product that is covered by this License, on a durable physical\n    medium customarily used for software interchange, for a price no\n    more than your reasonable cost of physically performing this\n    conveying of source, or (2) access to copy the\n    Corresponding Source from a network server at no charge.\n\n    c) Convey individual copies of the object code with a copy of the\n    written offer to provide the Corresponding Source.  This\n    alternative is allowed only occasionally and noncommercially, and\n    only if you received the object code with such an offer, in accord\n    with subsection 6b.\n\n    d) Convey the object code by offering access from a designated\n    place (gratis or for a charge), and offer equivalent access to the\n    Corresponding Source in the same way through the same place at no\n    further charge.  You need not require recipients to copy the\n    Corresponding Source along with the object code.  If the place to\n    copy the object code is a network server, the Corresponding Source\n    may be on a different server (operated by you or a third party)\n    that supports equivalent copying facilities, provided you maintain\n    clear directions next to the object code saying where to find the\n    Corresponding Source.  Regardless of what server hosts the\n    Corresponding Source, you remain obligated to ensure that it is\n    available for as long as needed to satisfy these requirements.\n\n    e) Convey the object code using peer-to-peer transmission, provided\n    you inform other peers where the object code and Corresponding\n    Source of the work are being offered to the general public at no\n    charge under subsection 6d.\n\n  A separable portion of the object code, whose source code is excluded\nfrom the Corresponding Source as a System Library, need not be\nincluded in conveying the object code work.\n\n  A \"User Product\" is either (1) a \"consumer product\", which means any\ntangible personal property which is normally used for personal, family,\nor household purposes, or (2) anything designed or sold for incorporation\ninto a dwelling.  In determining whether a product is a consumer product,\ndoubtful cases shall be resolved in favor of coverage.  For a particular\nproduct received by a particular user, \"normally used\" refers to a\ntypical or common use of that class of product, regardless of the status\nof the particular user or of the way in which the particular user\nactually uses, or expects or is expected to use, the product.  A product\nis a consumer product regardless of whether the product has substantial\ncommercial, industrial or non-consumer uses, unless such uses represent\nthe only significant mode of use of the product.\n\n  \"Installation Information\" for a User Product means any methods,\nprocedures, authorization keys, or other information required to install\nand execute modified versions of a covered work in that User Product from\na modified version of its Corresponding Source.  The information must\nsuffice to ensure that the continued functioning of the modified object\ncode is in no case prevented or interfered with solely because\nmodification has been made.\n\n  If you convey an object code work under this section in, or with, or\nspecifically for use in, a User Product, and the conveying occurs as\npart of a transaction in which the right of possession and use of the\nUser Product is transferred to the recipient in perpetuity or for a\nfixed term (regardless of how the transaction is characterized), the\nCorresponding Source conveyed under this section must be accompanied\nby the Installation Information.  But this requirement does not apply\nif neither you nor any third party retains the ability to install\nmodified object code on the User Product (for example, the work has\nbeen installed in ROM).\n\n  The requirement to provide Installation Information does not include a\nrequirement to continue to provide support service, warranty, or updates\nfor a work that has been modified or installed by the recipient, or for\nthe User Product in which it has been modified or installed.  Access to a\nnetwork may be denied when the modification itself materially and\nadversely affects the operation of the network or violates the rules and\nprotocols for communication across the network.\n\n  Corresponding Source conveyed, and Installation Information provided,\nin accord with this section must be in a format that is publicly\ndocumented (and with an implementation available to the public in\nsource code form), and must require no special password or key for\nunpacking, reading or copying.\n\n  7. Additional Terms.\n\n  \"Additional permissions\" are terms that supplement the terms of this\nLicense by making exceptions from one or more of its conditions.\nAdditional permissions that are applicable to the entire Program shall\nbe treated as though they were included in this License, to the extent\nthat they are valid under applicable law.  If additional permissions\napply only to part of the Program, that part may be used separately\nunder those permissions, but the entire Program remains governed by\nthis License without regard to the additional permissions.\n\n  When you convey a copy of a covered work, you may at your option\nremove any additional permissions from that copy, or from any part of\nit.  (Additional permissions may be written to require their own\nremoval in certain cases when you modify the work.)  You may place\nadditional permissions on material, added by you to a covered work,\nfor which you have or can give appropriate copyright permission.\n\n  Notwithstanding any other provision of this License, for material you\nadd to a covered work, you may (if authorized by the copyright holders of\nthat material) supplement the terms of this License with terms:\n\n    a) Disclaiming warranty or limiting liability differently from the\n    terms of sections 15 and 16 of this License; or\n\n    b) Requiring preservation of specified reasonable legal notices or\n    author attributions in that material or in the Appropriate Legal\n    Notices displayed by works containing it; or\n\n    c) Prohibiting misrepresentation of the origin of that material, or\n    requiring that modified versions of such material be marked in\n    reasonable ways as different from the original version; or\n\n    d) Limiting the use for publicity purposes of names of licensors or\n    authors of the material; or\n\n    e) Declining to grant rights under trademark law for use of some\n    trade names, trademarks, or service marks; or\n\n    f) Requiring indemnification of licensors and authors of that\n    material by anyone who conveys the material (or modified versions of\n    it) with contractual assumptions of liability to the recipient, for\n    any liability that these contractual assumptions directly impose on\n    those licensors and authors.\n\n  All other non-permissive additional terms are considered \"further\nrestrictions\" within the meaning of section 10.  If the Program as you\nreceived it, or any part of it, contains a notice stating that it is\ngoverned by this License along with a term that is a further\nrestriction, you may remove that term.  If a license document contains\na further restriction but permits relicensing or conveying under this\nLicense, you may add to a covered work material governed by the terms\nof that license document, provided that the further restriction does\nnot survive such relicensing or conveying.\n\n  If you add terms to a covered work in accord with this section, you\nmust place, in the relevant source files, a statement of the\nadditional terms that apply to those files, or a notice indicating\nwhere to find the applicable terms.\n\n  Additional terms, permissive or non-permissive, may be stated in the\nform of a separately written license, or stated as exceptions;\nthe above requirements apply either way.\n\n  8. Termination.\n\n  You may not propagate or modify a covered work except as expressly\nprovided under this License.  Any attempt otherwise to propagate or\nmodify it is void, and will automatically terminate your rights under\nthis License (including any patent licenses granted under the third\nparagraph of section 11).\n\n  However, if you cease all violation of this License, then your\nlicense from a particular copyright holder is reinstated (a)\nprovisionally, unless and until the copyright holder explicitly and\nfinally terminates your license, and (b) permanently, if the copyright\nholder fails to notify you of the violation by some reasonable means\nprior to 60 days after the cessation.\n\n  Moreover, your license from a particular copyright holder is\nreinstated permanently if the copyright holder notifies you of the\nviolation by some reasonable means, this is the first time you have\nreceived notice of violation of this License (for any work) from that\ncopyright holder, and you cure the violation prior to 30 days after\nyour receipt of the notice.\n\n  Termination of your rights under this section does not terminate the\nlicenses of parties who have received copies or rights from you under\nthis License.  If your rights have been terminated and not permanently\nreinstated, you do not qualify to receive new licenses for the same\nmaterial under section 10.\n\n  9. Acceptance Not Required for Having Copies.\n\n  You are not required to accept this License in order to receive or\nrun a copy of the Program.  Ancillary propagation of a covered work\noccurring solely as a consequence of using peer-to-peer transmission\nto receive a copy likewise does not require acceptance.  However,\nnothing other than this License grants you permission to propagate or\nmodify any covered work.  These actions infringe copyright if you do\nnot accept this License.  Therefore, by modifying or propagating a\ncovered work, you indicate your acceptance of this License to do so.\n\n  10. Automatic Licensing of Downstream Recipients.\n\n  Each time you convey a covered work, the recipient automatically\nreceives a license from the original licensors, to run, modify and\npropagate that work, subject to this License.  You are not responsible\nfor enforcing compliance by third parties with this License.\n\n  An \"entity transaction\" is a transaction transferring control of an\norganization, or substantially all assets of one, or subdividing an\norganization, or merging organizations.  If propagation of a covered\nwork results from an entity transaction, each party to that\ntransaction who receives a copy of the work also receives whatever\nlicenses to the work the party's predecessor in interest had or could\ngive under the previous paragraph, plus a right to possession of the\nCorresponding Source of the work from the predecessor in interest, if\nthe predecessor has it or can get it with reasonable efforts.\n\n  You may not impose any further restrictions on the exercise of the\nrights granted or affirmed under this License.  For example, you may\nnot impose a license fee, royalty, or other charge for exercise of\nrights granted under this License, and you may not initiate litigation\n(including a cross-claim or counterclaim in a lawsuit) alleging that\nany patent claim is infringed by making, using, selling, offering for\nsale, or importing the Program or any portion of it.\n\n  11. Patents.\n\n  A \"contributor\" is a copyright holder who authorizes use under this\nLicense of the Program or a work on which the Program is based.  The\nwork thus licensed is called the contributor's \"contributor version\".\n\n  A contributor's \"essential patent claims\" are all patent claims\nowned or controlled by the contributor, whether already acquired or\nhereafter acquired, that would be infringed by some manner, permitted\nby this License, of making, using, or selling its contributor version,\nbut do not include claims that would be infringed only as a\nconsequence of further modification of the contributor version.  For\npurposes of this definition, \"control\" includes the right to grant\npatent sublicenses in a manner consistent with the requirements of\nthis License.\n\n  Each contributor grants you a non-exclusive, worldwide, royalty-free\npatent license under the contributor's essential patent claims, to\nmake, use, sell, offer for sale, import and otherwise run, modify and\npropagate the contents of its contributor version.\n\n  In the following three paragraphs, a \"patent license\" is any express\nagreement or commitment, however denominated, not to enforce a patent\n(such as an express permission to practice a patent or covenant not to\nsue for patent infringement).  To \"grant\" such a patent license to a\nparty means to make such an agreement or commitment not to enforce a\npatent against the party.\n\n  If you convey a covered work, knowingly relying on a patent license,\nand the Corresponding Source of the work is not available for anyone\nto copy, free of charge and under the terms of this License, through a\npublicly available network server or other readily accessible means,\nthen you must either (1) cause the Corresponding Source to be so\navailable, or (2) arrange to deprive yourself of the benefit of the\npatent license for this particular work, or (3) arrange, in a manner\nconsistent with the requirements of this License, to extend the patent\nlicense to downstream recipients.  \"Knowingly relying\" means you have\nactual knowledge that, but for the patent license, your conveying the\ncovered work in a country, or your recipient's use of the covered work\nin a country, would infringe one or more identifiable patents in that\ncountry that you have reason to believe are valid.\n\n  If, pursuant to or in connection with a single transaction or\narrangement, you convey, or propagate by procuring conveyance of, a\ncovered work, and grant a patent license to some of the parties\nreceiving the covered work authorizing them to use, propagate, modify\nor convey a specific copy of the covered work, then the patent license\nyou grant is automatically extended to all recipients of the covered\nwork and works based on it.\n\n  A patent license is \"discriminatory\" if it does not include within\nthe scope of its coverage, prohibits the exercise of, or is\nconditioned on the non-exercise of one or more of the rights that are\nspecifically granted under this License.  You may not convey a covered\nwork if you are a party to an arrangement with a third party that is\nin the business of distributing software, under which you make payment\nto the third party based on the extent of your activity of conveying\nthe work, and under which the third party grants, to any of the\nparties who would receive the covered work from you, a discriminatory\npatent license (a) in connection with copies of the covered work\nconveyed by you (or copies made from those copies), or (b) primarily\nfor and in connection with specific products or compilations that\ncontain the covered work, unless you entered into that arrangement,\nor that patent license was granted, prior to 28 March 2007.\n\n  Nothing in this License shall be construed as excluding or limiting\nany implied license or other defenses to infringement that may\notherwise be available to you under applicable patent law.\n\n  12. No Surrender of Others' Freedom.\n\n  If conditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot convey a\ncovered work so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you may\nnot convey it at all.  For example, if you agree to terms that obligate you\nto collect a royalty for further conveying from those to whom you convey\nthe Program, the only way you could satisfy both those terms and this\nLicense would be to refrain entirely from conveying the Program.\n\n  13. Use with the GNU Affero General Public License.\n\n  Notwithstanding any other provision of this License, you have\npermission to link or combine any covered work with a work licensed\nunder version 3 of the GNU Affero General Public License into a single\ncombined work, and to convey the resulting work.  The terms of this\nLicense will continue to apply to the part which is the covered work,\nbut the special requirements of the GNU Affero General Public License,\nsection 13, concerning interaction through a network will apply to the\ncombination as such.\n\n  14. Revised Versions of this License.\n\n  The Free Software Foundation may publish revised and/or new versions of\nthe GNU General Public License from time to time.  Such new versions will\nbe similar in spirit to the present version, but may differ in detail to\naddress new problems or concerns.\n\n  Each version is given a distinguishing version number.  If the\nProgram specifies that a certain numbered version of the GNU General\nPublic License \"or any later version\" applies to it, you have the\noption of following the terms and conditions either of that numbered\nversion or of any later version published by the Free Software\nFoundation.  If the Program does not specify a version number of the\nGNU General Public License, you may choose any version ever published\nby the Free Software Foundation.\n\n  If the Program specifies that a proxy can decide which future\nversions of the GNU General Public License can be used, that proxy's\npublic statement of acceptance of a version permanently authorizes you\nto choose that version for the Program.\n\n  Later license versions may give you additional or different\npermissions.  However, no additional obligations are imposed on any\nauthor or copyright holder as a result of your choosing to follow a\nlater version.\n\n  15. Disclaimer of Warranty.\n\n  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY\nAPPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT\nHOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM \"AS IS\" WITHOUT WARRANTY\nOF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,\nTHE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR\nPURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM\nIS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF\nALL NECESSARY SERVICING, REPAIR OR CORRECTION.\n\n  16. Limitation of Liability.\n\n  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS\nTHE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY\nGENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE\nUSE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF\nDATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD\nPARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),\nEVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGES.\n\n  17. Interpretation of Sections 15 and 16.\n\n  If the disclaimer of warranty and limitation of liability provided\nabove cannot be given local legal effect according to their terms,\nreviewing courts shall apply local law that most closely approximates\nan absolute waiver of all civil liability in connection with the\nProgram, unless a warranty or assumption of liability accompanies a\ncopy of the Program in return for a fee.\n\n                     END OF TERMS AND CONDITIONS\n\n            How to Apply These Terms to Your New Programs\n\n  If you develop a new program, and you want it to be of the greatest\npossible use to the public, the best way to achieve this is to make it\nfree software which everyone can redistribute and change under these terms.\n\n  To do so, attach the following notices to the program.  It is safest\nto attach them to the start of each source file to most effectively\nstate the exclusion of warranty; and each file should have at least\nthe \"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the program's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This program is free software: you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation, either version 3 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License\n    along with this program.  If not, see <http://www.gnu.org/licenses/>.\n\nAlso add information on how to contact you by electronic and paper mail.\n\n  If the program does terminal interaction, make it output a short\nnotice like this when it starts in an interactive mode:\n\n    <program>  Copyright (C) <year>  <name of author>\n    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.\n    This is free software, and you are welcome to redistribute it\n    under certain conditions; type `show c' for details.\n\nThe hypothetical commands `show w' and `show c' should show the appropriate\nparts of the General Public License.  Of course, your program's commands\nmight be different; for a GUI interface, you would use an \"about box\".\n\n  You should also get your employer (if you work as a programmer) or school,\nif any, to sign a \"copyright disclaimer\" for the program, if necessary.\nFor more information on this, and how to apply and follow the GNU GPL, see\n<http://www.gnu.org/licenses/>.\n\n  The GNU General Public License does not permit incorporating your program\ninto proprietary programs.  If your program is a subroutine library, you\nmay consider it more useful to permit linking proprietary applications with\nthe library.  If this is what you want to do, use the GNU Lesser General\nPublic License instead of this License.  But first, please read\n<http://www.gnu.org/philosophy/why-not-lgpl.html>.\n\n\n--------------- SECTION 4: GNU General Public License, V2.0 -----------\n\n\t\t    GNU GENERAL PUBLIC LICENSE\n\t\t       Version 2, June 1991\n\n Copyright (C) 1989, 1991 Free Software Foundation, Inc.,\n 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n\t\t\t    Preamble\n\n  The licenses for most software are designed to take away your\nfreedom to share and change it.  By contrast, the GNU General Public\nLicense is intended to guarantee your freedom to share and change free\nsoftware--to make sure the software is free for all its users.  This\nGeneral Public License applies to most of the Free Software\nFoundation's software and to any other program whose authors commit to\nusing it.  (Some other Free Software Foundation software is covered by\nthe GNU Lesser General Public License instead.)  You can apply it to\nyour programs, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthis service if you wish), that you receive source code or can get it\nif you want it, that you can change the software or use pieces of it\nin new free programs; and that you know you can do these things.\n\n  To protect your rights, we need to make restrictions that forbid\nanyone to deny you these rights or to ask you to surrender the rights.\nThese restrictions translate to certain responsibilities for you if you\ndistribute copies of the software, or if you modify it.\n\n  For example, if you distribute copies of such a program, whether\ngratis or for a fee, you must give the recipients all the rights that\nyou have.  You must make sure that they, too, receive or can get the\nsource code.  And you must show them these terms so they know their\nrights.\n\n  We protect your rights with two steps: (1) copyright the software, and\n(2) offer you this license which gives you legal permission to copy,\ndistribute and/or modify the software.\n\n  Also, for each author's protection and ours, we want to make certain\nthat everyone understands that there is no warranty for this free\nsoftware.  If the software is modified by someone else and passed on, we\nwant its recipients to know that what they have is not the original, so\nthat any problems introduced by others will not reflect on the original\nauthors' reputations.\n\n  Finally, any free program is threatened constantly by software\npatents.  We wish to avoid the danger that redistributors of a free\nprogram will individually obtain patent licenses, in effect making the\nprogram proprietary.  To prevent this, we have made it clear that any\npatent must be licensed for everyone's free use or not licensed at all.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.\n\n\t\t    GNU GENERAL PUBLIC LICENSE\n   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION\n\n  0. This License applies to any program or other work which contains\na notice placed by the copyright holder saying it may be distributed\nunder the terms of this General Public License.  The \"Program\", below,\nrefers to any such program or work, and a \"work based on the Program\"\nmeans either the Program or any derivative work under copyright law:\nthat is to say, a work containing the Program or a portion of it,\neither verbatim or with modifications and/or translated into another\nlanguage.  (Hereinafter, translation is included without limitation in\nthe term \"modification\".)  Each licensee is addressed as \"you\".\n\nActivities other than copying, distribution and modification are not\ncovered by this License; they are outside its scope.  The act of\nrunning the Program is not restricted, and the output from the Program\nis covered only if its contents constitute a work based on the\nProgram (independent of having been made by running the Program).\nWhether that is true depends on what the Program does.\n\n  1. You may copy and distribute verbatim copies of the Program's\nsource code as you receive it, in any medium, provided that you\nconspicuously and appropriately publish on each copy an appropriate\ncopyright notice and disclaimer of warranty; keep intact all the\nnotices that refer to this License and to the absence of any warranty;\nand give any other recipients of the Program a copy of this License\nalong with the Program.\n\nYou may charge a fee for the physical act of transferring a copy, and\nyou may at your option offer warranty protection in exchange for a fee.\n\n  2. You may modify your copy or copies of the Program or any portion\nof it, thus forming a work based on the Program, and copy and\ndistribute such modifications or work under the terms of Section 1\nabove, provided that you also meet all of these conditions:\n\n    a) You must cause the modified files to carry prominent notices\n    stating that you changed the files and the date of any change.\n\n    b) You must cause any work that you distribute or publish, that in\n    whole or in part contains or is derived from the Program or any\n    part thereof, to be licensed as a whole at no charge to all third\n    parties under the terms of this License.\n\n    c) If the modified program normally reads commands interactively\n    when run, you must cause it, when started running for such\n    interactive use in the most ordinary way, to print or display an\n    announcement including an appropriate copyright notice and a\n    notice that there is no warranty (or else, saying that you provide\n    a warranty) and that users may redistribute the program under\n    these conditions, and telling the user how to view a copy of this\n    License.  (Exception: if the Program itself is interactive but\n    does not normally print such an announcement, your work based on\n    the Program is not required to print an announcement.)\n\nThese requirements apply to the modified work as a whole.  If\nidentifiable sections of that work are not derived from the Program,\nand can be reasonably considered independent and separate works in\nthemselves, then this License, and its terms, do not apply to those\nsections when you distribute them as separate works.  But when you\ndistribute the same sections as part of a whole which is a work based\non the Program, the distribution of the whole must be on the terms of\nthis License, whose permissions for other licensees extend to the\nentire whole, and thus to each and every part regardless of who wrote it.\n\nThus, it is not the intent of this section to claim rights or contest\nyour rights to work written entirely by you; rather, the intent is to\nexercise the right to control the distribution of derivative or\ncollective works based on the Program.\n\nIn addition, mere aggregation of another work not based on the Program\nwith the Program (or with a work based on the Program) on a volume of\na storage or distribution medium does not bring the other work under\nthe scope of this License.\n\n  3. You may copy and distribute the Program (or a work based on it,\nunder Section 2) in object code or executable form under the terms of\nSections 1 and 2 above provided that you also do one of the following:\n\n    a) Accompany it with the complete corresponding machine-readable\n    source code, which must be distributed under the terms of Sections\n    1 and 2 above on a medium customarily used for software interchange; or,\n\n    b) Accompany it with a written offer, valid for at least three\n    years, to give any third party, for a charge no more than your\n    cost of physically performing source distribution, a complete\n    machine-readable copy of the corresponding source code, to be\n    distributed under the terms of Sections 1 and 2 above on a medium\n    customarily used for software interchange; or,\n\n    c) Accompany it with the information you received as to the offer\n    to distribute corresponding source code.  (This alternative is\n    allowed only for noncommercial distribution and only if you\n    received the program in object code or executable form with such\n    an offer, in accord with Subsection b above.)\n\nThe source code for a work means the preferred form of the work for\nmaking modifications to it.  For an executable work, complete source\ncode means all the source code for all modules it contains, plus any\nassociated interface definition files, plus the scripts used to\ncontrol compilation and installation of the executable.  However, as a\nspecial exception, the source code distributed need not include\nanything that is normally distributed (in either source or binary\nform) with the major components (compiler, kernel, and so on) of the\noperating system on which the executable runs, unless that component\nitself accompanies the executable.\n\nIf distribution of executable or object code is made by offering\naccess to copy from a designated place, then offering equivalent\naccess to copy the source code from the same place counts as\ndistribution of the source code, even though third parties are not\ncompelled to copy the source along with the object code.\n\n  4. You may not copy, modify, sublicense, or distribute the Program\nexcept as expressly provided under this License.  Any attempt\notherwise to copy, modify, sublicense or distribute the Program is\nvoid, and will automatically terminate your rights under this License.\nHowever, parties who have received copies, or rights, from you under\nthis License will not have their licenses terminated so long as such\nparties remain in full compliance.\n\n  5. You are not required to accept this License, since you have not\nsigned it.  However, nothing else grants you permission to modify or\ndistribute the Program or its derivative works.  These actions are\nprohibited by law if you do not accept this License.  Therefore, by\nmodifying or distributing the Program (or any work based on the\nProgram), you indicate your acceptance of this License to do so, and\nall its terms and conditions for copying, distributing or modifying\nthe Program or works based on it.\n\n  6. Each time you redistribute the Program (or any work based on the\nProgram), the recipient automatically receives a license from the\noriginal licensor to copy, distribute or modify the Program subject to\nthese terms and conditions.  You may not impose any further\nrestrictions on the recipients' exercise of the rights granted herein.\nYou are not responsible for enforcing compliance by third parties to\nthis License.\n\n  7. If, as a consequence of a court judgment or allegation of patent\ninfringement or for any other reason (not limited to patent issues),\nconditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot\ndistribute so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you\nmay not distribute the Program at all.  For example, if a patent\nlicense would not permit royalty-free redistribution of the Program by\nall those who receive copies directly or indirectly through you, then\nthe only way you could satisfy both it and this License would be to\nrefrain entirely from distribution of the Program.\n\nIf any portion of this section is held invalid or unenforceable under\nany particular circumstance, the balance of the section is intended to\napply and the section as a whole is intended to apply in other\ncircumstances.\n\nIt is not the purpose of this section to induce you to infringe any\npatents or other property right claims or to contest validity of any\nsuch claims; this section has the sole purpose of protecting the\nintegrity of the free software distribution system, which is\nimplemented by public license practices.  Many people have made\ngenerous contributions to the wide range of software distributed\nthrough that system in reliance on consistent application of that\nsystem; it is up to the author/donor to decide if he or she is willing\nto distribute software through any other system and a licensee cannot\nimpose that choice.\n\nThis section is intended to make thoroughly clear what is believed to\nbe a consequence of the rest of this License.\n\n  8. If the distribution and/or use of the Program is restricted in\ncertain countries either by patents or by copyrighted interfaces, the\noriginal copyright holder who places the Program under this License\nmay add an explicit geographical distribution limitation excluding\nthose countries, so that distribution is permitted only in or among\ncountries not thus excluded.  In such case, this License incorporates\nthe limitation as if written in the body of this License.\n\n  9. The Free Software Foundation may publish revised and/or new versions\nof the General Public License from time to time.  Such new versions will\nbe similar in spirit to the present version, but may differ in detail to\naddress new problems or concerns.\n\nEach version is given a distinguishing version number.  If the Program\nspecifies a version number of this License which applies to it and \"any\nlater version\", you have the option of following the terms and conditions\neither of that version or of any later version published by the Free\nSoftware Foundation.  If the Program does not specify a version number of\nthis License, you may choose any version ever published by the Free Software\nFoundation.\n\n  10. If you wish to incorporate parts of the Program into other free\nprograms whose distribution conditions are different, write to the author\nto ask for permission.  For software which is copyrighted by the Free\nSoftware Foundation, write to the Free Software Foundation; we sometimes\nmake exceptions for this.  Our decision will be guided by the two goals\nof preserving the free status of all derivatives of our free software and\nof promoting the sharing and reuse of software generally.\n\n\t\t\t    NO WARRANTY\n\n  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY\nFOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN\nOTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES\nPROVIDE THE PROGRAM \"AS IS\" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED\nOR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS\nTO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE\nPROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,\nREPAIR OR CORRECTION.\n\n  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR\nREDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,\nINCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING\nOUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED\nTO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY\nYOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER\nPROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE\nPOSSIBILITY OF SUCH DAMAGES.\n\n\t\t     END OF TERMS AND CONDITIONS\n\n\t    How to Apply These Terms to Your New Programs\n\n  If you develop a new program, and you want it to be of the greatest\npossible use to the public, the best way to achieve this is to make it\nfree software which everyone can redistribute and change under these terms.\n\n  To do so, attach the following notices to the program.  It is safest\nto attach them to the start of each source file to most effectively\nconvey the exclusion of warranty; and each file should have at least\nthe \"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the program's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This program is free software; you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation; either version 2 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License along\n    with this program; if not, write to the Free Software Foundation, Inc.,\n    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.\n\nAlso add information on how to contact you by electronic and paper mail.\n\nIf the program is interactive, make it output a short notice like this\nwhen it starts in an interactive mode:\n\n    Gnomovision version 69, Copyright (C) year name of author\n    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.\n    This is free software, and you are welcome to redistribute it\n    under certain conditions; type `show c' for details.\n\nThe hypothetical commands `show w' and `show c' should show the appropriate\nparts of the General Public License.  Of course, the commands you use may\nbe called something other than `show w' and `show c'; they could even be\nmouse-clicks or menu items--whatever suits your program.\n\nYou should also get your employer (if you work as a programmer) or your\nschool, if any, to sign a \"copyright disclaimer\" for the program, if\nnecessary.  Here is a sample; alter the names:\n\n  Yoyodyne, Inc., hereby disclaims all copyright interest in the program\n  `Gnomovision' (which makes passes at compilers) written by James Hacker.\n\n  <signature of Ty Coon>, 1 April 1989\n  Ty Coon, President of Vice\n\nThis General Public License does not permit incorporating your program into\nproprietary programs.  If your program is a subroutine library, you may\nconsider it more useful to permit linking proprietary applications with the\nlibrary.  If this is what you want to do, use the GNU Lesser General\nPublic License instead of this License.\n\n\n--------------- SECTION 5: GNU Library General Public License, V2.0 -----------\n\n\t\t  GNU LIBRARY GENERAL PUBLIC LICENSE\n\t\t       Version 2, June 1991\n\n Copyright (C) 1991 Free Software Foundation, Inc.\n 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n[This is the first released version of the library GPL.  It is\n numbered 2 because it goes with version 2 of the ordinary GPL.]\n\n\t\t\t    Preamble\n\n  The licenses for most software are designed to take away your\nfreedom to share and change it.  By contrast, the GNU General Public\nLicenses are intended to guarantee your freedom to share and change\nfree software--to make sure the software is free for all its users.\n\n  This license, the Library General Public License, applies to some\nspecially designated Free Software Foundation software, and to any\nother libraries whose authors decide to use it.  You can use it for\nyour libraries, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthis service if you wish), that you receive source code or can get it\nif you want it, that you can change the software or use pieces of it\nin new free programs; and that you know you can do these things.\n\n  To protect your rights, we need to make restrictions that forbid\nanyone to deny you these rights or to ask you to surrender the rights.\nThese restrictions translate to certain responsibilities for you if\nyou distribute copies of the library, or if you modify it.\n\n  For example, if you distribute copies of the library, whether gratis\nor for a fee, you must give the recipients all the rights that we gave\nyou.  You must make sure that they, too, receive or can get the source\ncode.  If you link a program with the library, you must provide\ncomplete object files to the recipients so that they can relink them\nwith the library, after making changes to the library and recompiling\nit.  And you must show them these terms so they know their rights.\n\n  Our method of protecting your rights has two steps: (1) copyright\nthe library, and (2) offer you this license which gives you legal\npermission to copy, distribute and/or modify the library.\n\n  Also, for each distributor's protection, we want to make certain\nthat everyone understands that there is no warranty for this free\nlibrary.  If the library is modified by someone else and passed on, we\nwant its recipients to know that what they have is not the original\nversion, so that any problems introduced by others will not reflect on\nthe original authors' reputations.\n\n  Finally, any free program is threatened constantly by software\npatents.  We wish to avoid the danger that companies distributing free\nsoftware will individually obtain patent licenses, thus in effect\ntransforming the program into proprietary software.  To prevent this,\nwe have made it clear that any patent must be licensed for everyone's\nfree use or not licensed at all.\n\n  Most GNU software, including some libraries, is covered by the ordinary\nGNU General Public License, which was designed for utility programs.  This\nlicense, the GNU Library General Public License, applies to certain\ndesignated libraries.  This license is quite different from the ordinary\none; be sure to read it in full, and don't assume that anything in it is\nthe same as in the ordinary license.\n\n  The reason we have a separate public license for some libraries is that\nthey blur the distinction we usually make between modifying or adding to a\nprogram and simply using it.  Linking a program with a library, without\nchanging the library, is in some sense simply using the library, and is\nanalogous to running a utility program or application program.  However, in\na textual and legal sense, the linked executable is a combined work, a\nderivative of the original library, and the ordinary General Public License\ntreats it as such.\n\n  Because of this blurred distinction, using the ordinary General\nPublic License for libraries did not effectively promote software\nsharing, because most developers did not use the libraries.  We\nconcluded that weaker conditions might promote sharing better.\n\n  However, unrestricted linking of non-free programs would deprive the\nusers of those programs of all benefit from the free status of the\nlibraries themselves.  This Library General Public License is intended to\npermit developers of non-free programs to use free libraries, while\npreserving your freedom as a user of such programs to change the free\nlibraries that are incorporated in them.  (We have not seen how to achieve\nthis as regards changes in header files, but we have achieved it as regards\nchanges in the actual functions of the Library.)  The hope is that this\nwill lead to faster development of free libraries.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.  Pay close attention to the difference between a\n\"work based on the library\" and a \"work that uses the library\".  The\nformer contains code derived from the library, while the latter only\nworks together with the library.\n\n  Note that it is possible for a library to be covered by the ordinary\nGeneral Public License rather than by this special one.\n\n\t\t  GNU LIBRARY GENERAL PUBLIC LICENSE\n   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION\n\n  0. This License Agreement applies to any software library which\ncontains a notice placed by the copyright holder or other authorized\nparty saying it may be distributed under the terms of this Library\nGeneral Public License (also called \"this License\").  Each licensee is\naddressed as \"you\".\n\n  A \"library\" means a collection of software functions and/or data\nprepared so as to be conveniently linked with application programs\n(which use some of those functions and data) to form executables.\n\n  The \"Library\", below, refers to any such software library or work\nwhich has been distributed under these terms.  A \"work based on the\nLibrary\" means either the Library or any derivative work under\ncopyright law: that is to say, a work containing the Library or a\nportion of it, either verbatim or with modifications and/or translated\nstraightforwardly into another language.  (Hereinafter, translation is\nincluded without limitation in the term \"modification\".)\n\n  \"Source code\" for a work means the preferred form of the work for\nmaking modifications to it.  For a library, complete source code means\nall the source code for all modules it contains, plus any associated\ninterface definition files, plus the scripts used to control compilation\nand installation of the library.\n\n  Activities other than copying, distribution and modification are not\ncovered by this License; they are outside its scope.  The act of\nrunning a program using the Library is not restricted, and output from\nsuch a program is covered only if its contents constitute a work based\non the Library (independent of the use of the Library in a tool for\nwriting it).  Whether that is true depends on what the Library does\nand what the program that uses the Library does.\n  \n  1. You may copy and distribute verbatim copies of the Library's\ncomplete source code as you receive it, in any medium, provided that\nyou conspicuously and appropriately publish on each copy an\nappropriate copyright notice and disclaimer of warranty; keep intact\nall the notices that refer to this License and to the absence of any\nwarranty; and distribute a copy of this License along with the\nLibrary.\n\n  You may charge a fee for the physical act of transferring a copy,\nand you may at your option offer warranty protection in exchange for a\nfee.\n\n  2. You may modify your copy or copies of the Library or any portion\nof it, thus forming a work based on the Library, and copy and\ndistribute such modifications or work under the terms of Section 1\nabove, provided that you also meet all of these conditions:\n\n    a) The modified work must itself be a software library.\n\n    b) You must cause the files modified to carry prominent notices\n    stating that you changed the files and the date of any change.\n\n    c) You must cause the whole of the work to be licensed at no\n    charge to all third parties under the terms of this License.\n\n    d) If a facility in the modified Library refers to a function or a\n    table of data to be supplied by an application program that uses\n    the facility, other than as an argument passed when the facility\n    is invoked, then you must make a good faith effort to ensure that,\n    in the event an application does not supply such function or\n    table, the facility still operates, and performs whatever part of\n    its purpose remains meaningful.\n\n    (For example, a function in a library to compute square roots has\n    a purpose that is entirely well-defined independent of the\n    application.  Therefore, Subsection 2d requires that any\n    application-supplied function or table used by this function must\n    be optional: if the application does not supply it, the square\n    root function must still compute square roots.)\n\nThese requirements apply to the modified work as a whole.  If\nidentifiable sections of that work are not derived from the Library,\nand can be reasonably considered independent and separate works in\nthemselves, then this License, and its terms, do not apply to those\nsections when you distribute them as separate works.  But when you\ndistribute the same sections as part of a whole which is a work based\non the Library, the distribution of the whole must be on the terms of\nthis License, whose permissions for other licensees extend to the\nentire whole, and thus to each and every part regardless of who wrote\nit.\n\nThus, it is not the intent of this section to claim rights or contest\nyour rights to work written entirely by you; rather, the intent is to\nexercise the right to control the distribution of derivative or\ncollective works based on the Library.\n\nIn addition, mere aggregation of another work not based on the Library\nwith the Library (or with a work based on the Library) on a volume of\na storage or distribution medium does not bring the other work under\nthe scope of this License.\n\n  3. You may opt to apply the terms of the ordinary GNU General Public\nLicense instead of this License to a given copy of the Library.  To do\nthis, you must alter all the notices that refer to this License, so\nthat they refer to the ordinary GNU General Public License, version 2,\ninstead of to this License.  (If a newer version than version 2 of the\nordinary GNU General Public License has appeared, then you can specify\nthat version instead if you wish.)  Do not make any other change in\nthese notices.\n\n  Once this change is made in a given copy, it is irreversible for\nthat copy, so the ordinary GNU General Public License applies to all\nsubsequent copies and derivative works made from that copy.\n\n  This option is useful when you wish to copy part of the code of\nthe Library into a program that is not a library.\n\n  4. You may copy and distribute the Library (or a portion or\nderivative of it, under Section 2) in object code or executable form\nunder the terms of Sections 1 and 2 above provided that you accompany\nit with the complete corresponding machine-readable source code, which\nmust be distributed under the terms of Sections 1 and 2 above on a\nmedium customarily used for software interchange.\n\n  If distribution of object code is made by offering access to copy\nfrom a designated place, then offering equivalent access to copy the\nsource code from the same place satisfies the requirement to\ndistribute the source code, even though third parties are not\ncompelled to copy the source along with the object code.\n\n  5. A program that contains no derivative of any portion of the\nLibrary, but is designed to work with the Library by being compiled or\nlinked with it, is called a \"work that uses the Library\".  Such a\nwork, in isolation, is not a derivative work of the Library, and\ntherefore falls outside the scope of this License.\n\n  However, linking a \"work that uses the Library\" with the Library\ncreates an executable that is a derivative of the Library (because it\ncontains portions of the Library), rather than a \"work that uses the\nlibrary\".  The executable is therefore covered by this License.\nSection 6 states terms for distribution of such executables.\n\n  When a \"work that uses the Library\" uses material from a header file\nthat is part of the Library, the object code for the work may be a\nderivative work of the Library even though the source code is not.\nWhether this is true is especially significant if the work can be\nlinked without the Library, or if the work is itself a library.  The\nthreshold for this to be true is not precisely defined by law.\n\n  If such an object file uses only numerical parameters, data\nstructure layouts and accessors, and small macros and small inline\nfunctions (ten lines or less in length), then the use of the object\nfile is unrestricted, regardless of whether it is legally a derivative\nwork.  (Executables containing this object code plus portions of the\nLibrary will still fall under Section 6.)\n\n  Otherwise, if the work is a derivative of the Library, you may\ndistribute the object code for the work under the terms of Section 6.\nAny executables containing that work also fall under Section 6,\nwhether or not they are linked directly with the Library itself.\n\n  6. As an exception to the Sections above, you may also compile or\nlink a \"work that uses the Library\" with the Library to produce a\nwork containing portions of the Library, and distribute that work\nunder terms of your choice, provided that the terms permit\nmodification of the work for the customer's own use and reverse\nengineering for debugging such modifications.\n\n  You must give prominent notice with each copy of the work that the\nLibrary is used in it and that the Library and its use are covered by\nthis License.  You must supply a copy of this License.  If the work\nduring execution displays copyright notices, you must include the\ncopyright notice for the Library among them, as well as a reference\ndirecting the user to the copy of this License.  Also, you must do one\nof these things:\n\n    a) Accompany the work with the complete corresponding\n    machine-readable source code for the Library including whatever\n    changes were used in the work (which must be distributed under\n    Sections 1 and 2 above); and, if the work is an executable linked\n    with the Library, with the complete machine-readable \"work that\n    uses the Library\", as object code and/or source code, so that the\n    user can modify the Library and then relink to produce a modified\n    executable containing the modified Library.  (It is understood\n    that the user who changes the contents of definitions files in the\n    Library will not necessarily be able to recompile the application\n    to use the modified definitions.)\n\n    b) Accompany the work with a written offer, valid for at\n    least three years, to give the same user the materials\n    specified in Subsection 6a, above, for a charge no more\n    than the cost of performing this distribution.\n\n    c) If distribution of the work is made by offering access to copy\n    from a designated place, offer equivalent access to copy the above\n    specified materials from the same place.\n\n    d) Verify that the user has already received a copy of these\n    materials or that you have already sent this user a copy.\n\n  For an executable, the required form of the \"work that uses the\nLibrary\" must include any data and utility programs needed for\nreproducing the executable from it.  However, as a special exception,\nthe source code distributed need not include anything that is normally\ndistributed (in either source or binary form) with the major\ncomponents (compiler, kernel, and so on) of the operating system on\nwhich the executable runs, unless that component itself accompanies\nthe executable.\n\n  It may happen that this requirement contradicts the license\nrestrictions of other proprietary libraries that do not normally\naccompany the operating system.  Such a contradiction means you cannot\nuse both them and the Library together in an executable that you\ndistribute.\n\n  7. You may place library facilities that are a work based on the\nLibrary side-by-side in a single library together with other library\nfacilities not covered by this License, and distribute such a combined\nlibrary, provided that the separate distribution of the work based on\nthe Library and of the other library facilities is otherwise\npermitted, and provided that you do these two things:\n\n    a) Accompany the combined library with a copy of the same work\n    based on the Library, uncombined with any other library\n    facilities.  This must be distributed under the terms of the\n    Sections above.\n\n    b) Give prominent notice with the combined library of the fact\n    that part of it is a work based on the Library, and explaining\n    where to find the accompanying uncombined form of the same work.\n\n  8. You may not copy, modify, sublicense, link with, or distribute\nthe Library except as expressly provided under this License.  Any\nattempt otherwise to copy, modify, sublicense, link with, or\ndistribute the Library is void, and will automatically terminate your\nrights under this License.  However, parties who have received copies,\nor rights, from you under this License will not have their licenses\nterminated so long as such parties remain in full compliance.\n\n  9. You are not required to accept this License, since you have not\nsigned it.  However, nothing else grants you permission to modify or\ndistribute the Library or its derivative works.  These actions are\nprohibited by law if you do not accept this License.  Therefore, by\nmodifying or distributing the Library (or any work based on the\nLibrary), you indicate your acceptance of this License to do so, and\nall its terms and conditions for copying, distributing or modifying\nthe Library or works based on it.\n\n  10. Each time you redistribute the Library (or any work based on the\nLibrary), the recipient automatically receives a license from the\noriginal licensor to copy, distribute, link with or modify the Library\nsubject to these terms and conditions.  You may not impose any further\nrestrictions on the recipients' exercise of the rights granted herein.\nYou are not responsible for enforcing compliance by third parties to\nthis License.\n\n  11. If, as a consequence of a court judgment or allegation of patent\ninfringement or for any other reason (not limited to patent issues),\nconditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot\ndistribute so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you\nmay not distribute the Library at all.  For example, if a patent\nlicense would not permit royalty-free redistribution of the Library by\nall those who receive copies directly or indirectly through you, then\nthe only way you could satisfy both it and this License would be to\nrefrain entirely from distribution of the Library.\n\nIf any portion of this section is held invalid or unenforceable under any\nparticular circumstance, the balance of the section is intended to apply,\nand the section as a whole is intended to apply in other circumstances.\n\nIt is not the purpose of this section to induce you to infringe any\npatents or other property right claims or to contest validity of any\nsuch claims; this section has the sole purpose of protecting the\nintegrity of the free software distribution system which is\nimplemented by public license practices.  Many people have made\ngenerous contributions to the wide range of software distributed\nthrough that system in reliance on consistent application of that\nsystem; it is up to the author/donor to decide if he or she is willing\nto distribute software through any other system and a licensee cannot\nimpose that choice.\n\nThis section is intended to make thoroughly clear what is believed to\nbe a consequence of the rest of this License.\n\n  12. If the distribution and/or use of the Library is restricted in\ncertain countries either by patents or by copyrighted interfaces, the\noriginal copyright holder who places the Library under this License may add\nan explicit geographical distribution limitation excluding those countries,\nso that distribution is permitted only in or among countries not thus\nexcluded.  In such case, this License incorporates the limitation as if\nwritten in the body of this License.\n\n  13. The Free Software Foundation may publish revised and/or new\nversions of the Library General Public License from time to time.\nSuch new versions will be similar in spirit to the present version,\nbut may differ in detail to address new problems or concerns.\n\nEach version is given a distinguishing version number.  If the Library\nspecifies a version number of this License which applies to it and\n\"any later version\", you have the option of following the terms and\nconditions either of that version or of any later version published by\nthe Free Software Foundation.  If the Library does not specify a\nlicense version number, you may choose any version ever published by\nthe Free Software Foundation.\n\n  14. If you wish to incorporate parts of the Library into other free\nprograms whose distribution conditions are incompatible with these,\nwrite to the author to ask for permission.  For software which is\ncopyrighted by the Free Software Foundation, write to the Free\nSoftware Foundation; we sometimes make exceptions for this.  Our\ndecision will be guided by the two goals of preserving the free status\nof all derivatives of our free software and of promoting the sharing\nand reuse of software generally.\n\n\t\t\t    NO WARRANTY\n\n  15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO\nWARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.\nEXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR\nOTHER PARTIES PROVIDE THE LIBRARY \"AS IS\" WITHOUT WARRANTY OF ANY\nKIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR\nPURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE\nLIBRARY IS WITH YOU.  SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME\nTHE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.\n\n  16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN\nWRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY\nAND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU\nFOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR\nCONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE\nLIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING\nRENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A\nFAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF\nSUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH\nDAMAGES.\n\n\t\t     END OF TERMS AND CONDITIONS\n\n           How to Apply These Terms to Your New Libraries\n\n  If you develop a new library, and you want it to be of the greatest\npossible use to the public, we recommend making it free software that\neveryone can redistribute and change.  You can do so by permitting\nredistribution under these terms (or, alternatively, under the terms of the\nordinary General Public License).\n\n  To apply these terms, attach the following notices to the library.  It is\nsafest to attach them to the start of each source file to most effectively\nconvey the exclusion of warranty; and each file should have at least the\n\"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the library's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This library is free software; you can redistribute it and/or\n    modify it under the terms of the GNU Library General Public\n    License as published by the Free Software Foundation; either\n    version 2 of the License, or (at your option) any later version.\n\n    This library is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU\n    Library General Public License for more details.\n\n    You should have received a copy of the GNU Library General Public\n    License along with this library; if not, write to the Free\n    Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA\n\nAlso add information on how to contact you by electronic and paper mail.\n\nYou should also get your employer (if you work as a programmer) or your\nschool, if any, to sign a \"copyright disclaimer\" for the library, if\nnecessary.  Here is a sample; alter the names:\n\n  Yoyodyne, Inc., hereby disclaims all copyright interest in the\n  library `Frob' (a library for tweaking knobs) written by James Random Hacker.\n\n  <signature of Ty Coon>, 1 April 1990\n  Ty Coon, President of Vice\n\nThat's all there is to it!\n\n\n--------------- SECTION 6: GNU Lesser General Public License, V3.0 ----------- \n\n\t\t   GNU LESSER GENERAL PUBLIC LICENSE\n                       Version 3, 29 June 2007\n\n Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n\n  This version of the GNU Lesser General Public License incorporates\nthe terms and conditions of version 3 of the GNU General Public\nLicense, supplemented by the additional permissions listed below.\n\n  0. Additional Definitions.\n\n  As used herein, \"this License\" refers to version 3 of the GNU Lesser\nGeneral Public License, and the \"GNU GPL\" refers to version 3 of the GNU\nGeneral Public License.\n\n  \"The Library\" refers to a covered work governed by this License,\nother than an Application or a Combined Work as defined below.\n\n  An \"Application\" is any work that makes use of an interface provided\nby the Library, but which is not otherwise based on the Library.\nDefining a subclass of a class defined by the Library is deemed a mode\nof using an interface provided by the Library.\n\n  A \"Combined Work\" is a work produced by combining or linking an\nApplication with the Library.  The particular version of the Library\nwith which the Combined Work was made is also called the \"Linked\nVersion\".\n\n  The \"Minimal Corresponding Source\" for a Combined Work means the\nCorresponding Source for the Combined Work, excluding any source code\nfor portions of the Combined Work that, considered in isolation, are\nbased on the Application, and not on the Linked Version.\n\n  The \"Corresponding Application Code\" for a Combined Work means the\nobject code and/or source code for the Application, including any data\nand utility programs needed for reproducing the Combined Work from the\nApplication, but excluding the System Libraries of the Combined Work.\n\n  1. Exception to Section 3 of the GNU GPL.\n\n  You may convey a covered work under sections 3 and 4 of this License\nwithout being bound by section 3 of the GNU GPL.\n\n  2. Conveying Modified Versions.\n\n  If you modify a copy of the Library, and, in your modifications, a\nfacility refers to a function or data to be supplied by an Application\nthat uses the facility (other than as an argument passed when the\nfacility is invoked), then you may convey a copy of the modified\nversion:\n\n   a) under this License, provided that you make a good faith effort to\n   ensure that, in the event an Application does not supply the\n   function or data, the facility still operates, and performs\n   whatever part of its purpose remains meaningful, or\n\n   b) under the GNU GPL, with none of the additional permissions of\n   this License applicable to that copy.\n\n  3. Object Code Incorporating Material from Library Header Files.\n\n  The object code form of an Application may incorporate material from\na header file that is part of the Library.  You may convey such object\ncode under terms of your choice, provided that, if the incorporated\nmaterial is not limited to numerical parameters, data structure\nlayouts and accessors, or small macros, inline functions and templates\n(ten or fewer lines in length), you do both of the following:\n\n   a) Give prominent notice with each copy of the object code that the\n   Library is used in it and that the Library and its use are\n   covered by this License.\n\n   b) Accompany the object code with a copy of the GNU GPL and this license\n   document.\n\n  4. Combined Works.\n\n  You may convey a Combined Work under terms of your choice that,\ntaken together, effectively do not restrict modification of the\nportions of the Library contained in the Combined Work and reverse\nengineering for debugging such modifications, if you also do each of\nthe following:\n\n   a) Give prominent notice with each copy of the Combined Work that\n   the Library is used in it and that the Library and its use are\n   covered by this License.\n\n   b) Accompany the Combined Work with a copy of the GNU GPL and this license\n   document.\n\n   c) For a Combined Work that displays copyright notices during\n   execution, include the copyright notice for the Library among\n   these notices, as well as a reference directing the user to the\n   copies of the GNU GPL and this license document.\n\n   d) Do one of the following:\n\n       0) Convey the Minimal Corresponding Source under the terms of this\n       License, and the Corresponding Application Code in a form\n       suitable for, and under terms that permit, the user to\n       recombine or relink the Application with a modified version of\n       the Linked Version to produce a modified Combined Work, in the\n       manner specified by section 6 of the GNU GPL for conveying\n       Corresponding Source.\n\n       1) Use a suitable shared library mechanism for linking with the\n       Library.  A suitable mechanism is one that (a) uses at run time\n       a copy of the Library already present on the user's computer\n       system, and (b) will operate properly with a modified version\n       of the Library that is interface-compatible with the Linked\n       Version.\n\n   e) Provide Installation Information, but only if you would otherwise\n   be required to provide such information under section 6 of the\n   GNU GPL, and only to the extent that such information is\n   necessary to install and execute a modified version of the\n   Combined Work produced by recombining or relinking the\n   Application with a modified version of the Linked Version. (If\n   you use option 4d0, the Installation Information must accompany\n   the Minimal Corresponding Source and Corresponding Application\n   Code. If you use option 4d1, you must provide the Installation\n   Information in the manner specified by section 6 of the GNU GPL\n   for conveying Corresponding Source.)\n\n  5. Combined Libraries.\n\n  You may place library facilities that are a work based on the\nLibrary side by side in a single library together with other library\nfacilities that are not Applications and are not covered by this\nLicense, and convey such a combined library under terms of your\nchoice, if you do both of the following:\n\n   a) Accompany the combined library with a copy of the same work based\n   on the Library, uncombined with any other library facilities,\n   conveyed under the terms of this License.\n\n   b) Give prominent notice with the combined library that part of it\n   is a work based on the Library, and explaining where to find the\n   accompanying uncombined form of the same work.\n\n  6. Revised Versions of the GNU Lesser General Public License.\n\n  The Free Software Foundation may publish revised and/or new versions\nof the GNU Lesser General Public License from time to time. Such new\nversions will be similar in spirit to the present version, but may\ndiffer in detail to address new problems or concerns.\n\n  Each version is given a distinguishing version number. If the\nLibrary as you received it specifies that a certain numbered version\nof the GNU Lesser General Public License \"or any later version\"\napplies to it, you have the option of following the terms and\nconditions either of that published version or of any later version\npublished by the Free Software Foundation. If the Library as you\nreceived it does not specify a version number of the GNU Lesser\nGeneral Public License, you may choose any version of the GNU Lesser\nGeneral Public License ever published by the Free Software Foundation.\n\n  If the Library as you received it specifies that a proxy can decide\nwhether future versions of the GNU Lesser General Public License shall\napply, that proxy's public statement of acceptance of any version is\npermanent authorization for you to choose that version for the\nLibrary.\n\n  \n--------------- SECTION 7: Creative Commons Attribution License, V3.0 ----------- \n\nCreative Commons Attribution 3.0 Unported\n\nCREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE LEGAL\nSERVICES. DISTRIBUTION OF THIS LICENSE DOES NOT CREATE AN ATTORNEY-CLIENT\nRELATIONSHIP. CREATIVE COMMONS PROVIDES THIS INFORMATION ON AN \"AS-IS\"\nBASIS. CREATIVE COMMONS MAKES NO WARRANTIES REGARDING THE INFORMATION\nPROVIDED, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM ITS USE.\n\nLicense\n\nTHE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE\nCOMMONS PUBLIC LICENSE (\"CCPL\" OR \"LICENSE\"). THE WORK IS PROTECTED BY\nCOPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN\nAS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.\n\nBY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE\nTO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE\nMAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS\nCONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND\nCONDITIONS.\n\n1. Definitions\n\n   a. \"Adaptation\" means a work based upon the Work, or upon the Work\n   and other pre-existing works, such as a translation, adaptation,\n   derivative work, arrangement of music or other alterations of a\n   literary or artistic work, or phonogram or performance and includes\n   cinematographic adaptations or any other form in which the Work may\n   be recast, transformed, or adapted including in any form recognizably\n   derived from the original, except that a work that constitutes a\n   Collection will not be considered an Adaptation for the purpose of\n   this License. For the avoidance of doubt, where the Work is a musical\n   work, performance or phonogram, the synchronization of the Work in\n   timed-relation with a moving image (\"synching\") will be considered\n   an Adaptation for the purpose of this License.\n\n   b. \"Collection\" means a collection of literary or artistic works,\n   such as encyclopedias and anthologies, or performances, phonograms or\n   broadcasts, or other works or subject matter other than works listed in\n   Section 1(f) below, which, by reason of the selection and arrangement\n   of their contents, constitute intellectual creations, in which the\n   Work is included in its entirety in unmodified form along with one or\n   more other contributions, each constituting separate and independent\n   works in themselves, which together are assembled into a collective\n   whole. A work that constitutes a Collection will not be considered\n   an Adaptation (as defined above) for the purposes of this License.\n\n   c. \"Distribute\" means to make available to the public the original\n   and copies of the Work or Adaptation, as appropriate, through sale\n   or other transfer of ownership.\n\n   d. \"Licensor\" means the individual, individuals, entity or entities\n   that offer(s) the Work under the terms of this License.\n\n   e. \"Original Author\" means, in the case of a literary or artistic\n   work, the individual, individuals, entity or entities who created the\n   Work or if no individual or entity can be identified, the publisher;\n   and in addition (i) in the case of a performance the actors, singers,\n   musicians, dancers, and other persons who act, sing, deliver, declaim,\n   play in, interpret or otherwise perform literary or artistic works or\n   expressions of folklore; (ii) in the case of a phonogram the producer\n   being the person or legal entity who first fixes the sounds of a\n   performance or other sounds; and, (iii) in the case of broadcasts,\n   the organization that transmits the broadcast.\n\n   f. \"Work\" means the literary and/or artistic work offered under the\n   terms of this License including without limitation any production\n   in the literary, scientific and artistic domain, whatever may be\n   the mode or form of its expression including digital form, such\n   as a book, pamphlet and other writing; a lecture, address, sermon\n   or other work of the same nature; a dramatic or dramatico-musical\n   work; a choreographic work or entertainment in dumb show; a musical\n   composition with or without words; a cinematographic work to which are\n   assimilated works expressed by a process analogous to cinematography;\n   a work of drawing, painting, architecture, sculpture, engraving\n   or lithography; a photographic work to which are assimilated works\n   expressed by a process analogous to photography; a work of applied art;\n   an illustration, map, plan, sketch or three-dimensional work relative\n   to geography, topography, architecture or science; a performance;\n   a broadcast; a phonogram; a compilation of data to the extent it is\n   protected as a copyrightable work; or a work performed by a variety\n   or circus performer to the extent it is not otherwise considered a\n   literary or artistic work.\n\n   g. \"You\" means an individual or entity exercising rights under this\n   License who has not previously violated the terms of this License\n   with respect to the Work, or who has received express permission\n   from the Licensor to exercise rights under this License despite a\n   previous violation.\n\n   h. \"Publicly Perform\" means to perform public recitations of the\n   Work and to communicate to the public those public recitations, by\n   any means or process, including by wire or wireless means or public\n   digital performances; to make available to the public Works in such\n   a way that members of the public may access these Works from a place\n   and at a place individually chosen by them; to perform the Work to the\n   public by any means or process and the communication to the public of\n   the performances of the Work, including by public digital performance;\n   to broadcast and rebroadcast the Work by any means including signs,\n   sounds or images.\n\n   i. \"Reproduce\" means to make copies of the Work by any means including\n   without limitation by sound or visual recordings and the right of\n   fixation and reproducing fixations of the Work, including storage\n   of a protected performance or phonogram in digital form or other\n   electronic medium.\n\n2. Fair Dealing Rights. Nothing in this License is intended to reduce,\nlimit, or restrict any uses free from copyright or rights arising from\nlimitations or exceptions that are provided for in connection with the\ncopyright protection under copyright law or other applicable laws.\n\n3. License Grant. Subject to the terms and conditions of this License,\nLicensor hereby grants You a worldwide, royalty-free, non-exclusive,\nperpetual (for the duration of the applicable copyright) license to\nexercise the rights in the Work as stated below:\n\n   a. to Reproduce the Work, to incorporate the Work into one or\n   more Collections, and to Reproduce the Work as incorporated in the\n   Collections;\n\n   b. to create and Reproduce Adaptations provided that any such\n   Adaptation, including any translation in any medium, takes reasonable\n   steps to clearly label, demarcate or otherwise identify that changes\n   were made to the original Work. For example, a translation could be\n   marked \"The original work was translated from English to Spanish,\" or\n   a modification could indicate \"The original work has been modified.\";\n\n   c. to Distribute and Publicly Perform the Work including as\n   incorporated in Collections; and,\n\n   d. to Distribute and Publicly Perform Adaptations.\n\n   e. For the avoidance of doubt:\n\n      i. Non-waivable Compulsory License Schemes. In those jurisdictions\n      in which the right to collect royalties through any statutory or\n      compulsory licensing scheme cannot be waived, the Licensor reserves\n      the exclusive right to collect such royalties for any exercise by\n      You of the rights granted under this License;\n\n      ii. Waivable Compulsory License Schemes. In those jurisdictions\n      in which the right to collect royalties through any statutory or\n      compulsory licensing scheme can be waived, the Licensor waives the\n      exclusive right to collect such royalties for any exercise by You\n      of the rights granted under this License; and,\n\n      iii. Voluntary License Schemes. The Licensor waives the right\n      to collect royalties, whether individually or, in the event that\n      the Licensor is a member of a collecting society that administers\n      voluntary licensing schemes, via that society, from any exercise\n      by You of the rights granted under this License.  The above rights\n      may be exercised in all media and formats whether now known or\n      hereafter devised. The above rights include the right to make such\n      modifications as are technically necessary to exercise the rights\n      in other media and formats. Subject to Section 8(f), all rights\n      not expressly granted by Licensor are hereby reserved.\n\n4. Restrictions. The license granted in Section 3 above is expressly\nmade subject to and limited by the following restrictions:\n\n   a. You may Distribute or Publicly Perform the Work only under the\n   terms of this License.  You must include a copy of, or the Uniform\n   Resource Identifier (URI) for, this License with every copy of the\n   Work You Distribute or Publicly Perform. You may not offer or impose\n   any terms on the Work that restrict the terms of this License or the\n   ability of the recipient of the Work to exercise the rights granted to\n   that recipient under the terms of the License. You may not sublicense\n   the Work. You must keep intact all notices that refer to this License\n   and to the disclaimer of warranties with every copy of the Work You\n   Distribute or Publicly Perform. When You Distribute or Publicly Perform\n   the Work, You may not impose any effective technological measures on\n   the Work that restrict the ability of a recipient of the Work from\n   You to exercise the rights granted to that recipient under the terms\n   of the License. This Section 4(a) applies to the Work as incorporated\n   in a Collection, but this does not require the Collection apart from\n   the Work itself to be made subject to the terms of this License. If\n   You create a Collection, upon notice from any Licensor You must,\n   to the extent practicable, remove from the Collection any credit as\n   required by Section 4(b), as requested. If You create an Adaptation,\n   upon notice from any Licensor You must, to the extent practicable,\n   remove from the Adaptation any credit as required by Section 4(b),\n   as requested.\n\n   b. If You Distribute, or Publicly Perform the Work or any Adaptations\n   or Collections, You must, unless a request has been made pursuant\n   to Section 4(a), keep intact all copyright notices for the Work and\n   provide, reasonable to the medium or means You are utilizing: (i) the\n   name of the Original Author (or pseudonym, if applicable) if supplied,\n   and/or if the Original Author and/or Licensor designate another party\n   or parties (e.g., a sponsor institute, publishing entity, journal)\n   for attribution (\"Attribution Parties\") in Licensor's copyright\n   notice, terms of service or by other reasonable means, the name of\n   such party or parties; (ii) the title of the Work if supplied; (iii)\n   to the extent reasonably practicable, the URI, if any, that Licensor\n   specifies to be associated with the Work, unless such URI does not\n   refer to the copyright notice or licensing information for the Work;\n   and (iv) , consistent with Section 3(b), in the case of an Adaptation,\n   a credit identifying the use of the Work in the Adaptation (e.g.,\n   \"French translation of the Work by Original Author,\" or \"Screenplay\n   based on original Work by Original Author\"). The credit required\n   by this Section 4 (b) may be implemented in any reasonable manner;\n   provided, however, that in the case of a Adaptation or Collection, at\n   a minimum such credit will appear, if a credit for all contributing\n   authors of the Adaptation or Collection appears, then as part of\n   these credits and in a manner at least as prominent as the credits\n   for the other contributing authors. For the avoidance of doubt, You\n   may only use the credit required by this Section for the purpose of\n   attribution in the manner set out above and, by exercising Your rights\n   under this License, You may not implicitly or explicitly assert or\n   imply any connection with, sponsorship or endorsement by the Original\n   Author, Licensor and/or Attribution Parties, as appropriate, of You\n   or Your use of the Work, without the separate, express prior written\n   permission of the Original Author, Licensor and/or Attribution Parties.\n\n   c. Except as otherwise agreed in writing by the Licensor or as may be\n   otherwise permitted by applicable law, if You Reproduce, Distribute\n   or Publicly Perform the Work either by itself or as part of any\n   Adaptations or Collections, You must not distort, mutilate, modify\n   or take other derogatory action in relation to the Work which would\n   be prejudicial to the Original Author's honor or reputation. Licensor\n   agrees that in those jurisdictions (e.g. Japan), in which any exercise\n   of the right granted in Section 3(b) of this License (the right to\n   make Adaptations) would be deemed to be a distortion, mutilation,\n   modification or other derogatory action prejudicial to the Original\n   Author's honor and reputation, the Licensor will waive or not assert,\n   as appropriate, this Section, to the fullest extent permitted by the\n   applicable national law, to enable You to reasonably exercise Your\n   right under Section 3(b) of this License (right to make Adaptations)\n   but not otherwise.\n\n5. Representations, Warranties and Disclaimer\nUNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR\nOFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY\nKIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE,\nINCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY,\nFITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF\nLATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS,\nWHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION\nOF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.\n\n6. Limitation on Liability.\nEXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR\nBE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL,\nCONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS\nLICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF\nTHE POSSIBILITY OF SUCH DAMAGES.\n\n7. Termination\n\n   a. This License and the rights granted hereunder will terminate\n   automatically upon any breach by You of the terms of this\n   License. Individuals or entities who have received Adaptations or\n   Collections from You under this License, however, will not have their\n   licenses terminated provided such individuals or entities remain in\n   full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8\n   will survive any termination of this License.\n\n   b. Subject to the above terms and conditions, the license granted\n   here is perpetual (for the duration of the applicable copyright in\n   the Work). Notwithstanding the above, Licensor reserves the right to\n   release the Work under different license terms or to stop distributing\n   the Work at any time; provided, however that any such election will not\n   serve to withdraw this License (or any other license that has been,\n   or is required to be, granted under the terms of this License), and\n   this License will continue in full force and effect unless terminated\n   as stated above.\n\n8. Miscellaneous\n\n   a. Each time You Distribute or Publicly Perform the Work or a\n   Collection, the Licensor offers to the recipient a license to the\n   Work on the same terms and conditions as the license granted to You\n   under this License.\n\n   b. Each time You Distribute or Publicly Perform an Adaptation, Licensor\n   offers to the recipient a license to the original Work on the same\n   terms and conditions as the license granted to You under this License.\n\n   c. If any provision of this License is invalid or unenforceable under\n   applicable law, it shall not affect the validity or enforceability\n   of the remainder of the terms of this License, and without further\n   action by the parties to this agreement, such provision shall be\n   reformed to the minimum extent necessary to make such provision valid\n   and enforceable.\n\n   d. No term or provision of this License shall be deemed waived and no\n   breach consented to unless such waiver or consent shall be in writing\n   and signed by the party to be charged with such waiver or consent.\n\n   e. This License constitutes the entire agreement between the parties\n   with respect to the Work licensed here. There are no understandings,\n   agreements or representations with respect to the Work not specified\n   here. Licensor shall not be bound by any additional provisions that\n   may appear in any communication from You. This License may not be\n   modified without the mutual written agreement of the Licensor and You.\n\n   f. The rights granted under, and the subject matter referenced, in this\n   License were drafted utilizing the terminology of the Berne Convention\n   for the Protection of Literary and Artistic Works (as amended on\n   September 28, 1979), the Rome Convention of 1961, the WIPO Copyright\n   Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and\n   the Universal Copyright Convention (as revised on July 24, 1971). These\n   rights and subject matter take effect in the relevant jurisdiction\n   in which the License terms are sought to be enforced according to\n   the corresponding provisions of the implementation of those treaty\n   provisions in the applicable national law. If the standard suite of\n   rights granted under applicable copyright law includes additional\n   rights not granted under this License, such additional rights are\n   deemed to be included in the License; this License is not intended\n   to restrict the license of any rights under applicable law.\n\n\n--------------- SECTION 7: Common Development and Distribution License, V1.1 ----------- \n  \nCOMMON DEVELOPMENT AND DISTRIBUTION LICENSE (CDDL)Version 1.1 \n\n1. Definitions. \n\n1.1. \"Contributor\" means each individual or entity that creates or contributes to the creation of Modifications. \n\n1.2. \"Contributor Version\" means the combination of the Original Software, prior Modifications used by a Contributor (if any), and the Modifications made by that particular Contributor. \n\n1.3. \"Covered Software\" means (a) the Original Software, or (b) Modifications, or (c) the combination of files containing Original Software with files containing Modifications, in each case including portions thereof. \n\n1.4. \"Executable\" means the Covered Software in any form other than Source Code. \n\n1.5. \"Initial Developer\" means the individual or entity that first makes Original Software available under this License. \n\n1.6. \"Larger Work\" means a work which combines Covered Software or portions thereof with code not governed by the terms of this License. \n\n1.7. \"License\" means this document. \n\n1.8. \"Licensable\" means having the right to grant, to the maximum extent possible, whether at the time of the initial grant or subsequently acquired, any and all of the rights conveyed herein. \n\n1.9. \"Modifications\" means the Source Code and Executable form of any of the following: \nA. Any file that results from an addition to, deletion from or modification of the contents of a file containing Original Software or previous Modifications; \nB. Any new file that contains any part of the Original Software or previous Modification; or \nC. Any new file that is contributed or otherwise made available under the terms of this License. \n\n1.10. \"Original Software\" means the Source Code and Executable form of computer software code that is originally released under this License. \n\n1.11. \"Patent Claims\" means any patent claim(s), now owned or hereafter acquired, including without limitation, method, process, and apparatus claims, in any patent Licensable by grantor. \n\n1.12. \"Source Code\" means (a) the common form of computer software code in which modifications are made and (b) associated documentation included in or with such code. \n\n1.13. \"You\" (or \"Your\") means an individual or a legal entity exercising rights under, and complying with all of the terms of, this License. For legal entities, \"You\" includes any entity which controls, is controlled by, or is under common control with You. For purposes of this definition, \"control\" means (a) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (b) ownership of more than fifty percent (50%) of the outstanding shares or beneficial ownership of such entity. \n\n2. License Grants. \n\n2.1. The Initial Developer Grant. \nConditioned upon Your compliance with Section 3.1 below and subject to third party intellectual property claims, the Initial Developer hereby grants You a world-wide, royalty-free, non-exclusive license: \n(a) under intellectual property rights (other than patent or trademark) Licensable by Initial Developer, to use, reproduce, modify, display, perform, sublicense and distribute the Original Software (or portions thereof), with or without Modifications, and/or as part of a Larger Work; and \n(b) under Patent Claims infringed by the making, using or selling of Original Software, to make, have made, use, practice, sell, and offer for sale, and/or otherwise dispose of the Original Software (or portions thereof). \n(c) The licenses granted in Sections 2.1(a) and (b) are effective on the date Initial Developer first distributes or otherwise makes the Original Software available to a third party under the terms of this License. \n(d) Notwithstanding Section 2.1(b) above, no patent license is granted: (1) for code that You delete from the Original Software, or (2) for infringements caused by: (i) the modification of the Original Software, or (ii) the combination of the Original Software with other software or devices. \n\n2.2. Contributor Grant. \nConditioned upon Your compliance with Section 3.1 below and subject to third party intellectual property claims, each Contributor hereby grants You a world-wide, royalty-free, non-exclusive license: \n(a) under intellectual property rights (other than patent or trademark) Licensable by Contributor to use, reproduce, modify, display, perform, sublicense and distribute the Modifications created by such Contributor (or portions thereof), either on an unmodified basis, with other Modifications, as Covered Software and/or as part of a Larger Work; and \n(b) under Patent Claims infringed by the making, using, or selling of Modifications made by that Contributor either alone and/or in combination with its Contributor Version (or portions of such combination), to make, use, sell, offer for sale, have made, and/or otherwise dispose of: (1) Modifications made by that Contributor (or portions thereof); and (2) the combination of Modifications made by that Contributor with its Contributor Version (or portions of such combination). \n(c) The licenses granted in Sections 2.2(a) and 2.2(b) are effective on the date Contributor first distributes or otherwise makes the Modifications available to a third party. \n(d) Notwithstanding Section 2.2(b) above, no patent license is granted: (1) for any code that Contributor has deleted from the Contributor Version; (2) for infringements caused by: (i) third party modifications of Contributor Version, or (ii) the combination of Modifications made by that Contributor with other software (except as part of the Contributor Version) or other devices; or (3) under Patent Claims infringed by Covered Software in the absence of Modifications made by that Contributor. \n\n3. Distribution Obligations. \n\n3.1. Availability of Source Code. \nAny Covered Software that You distribute or otherwise make available in Executable form must also be made available in Source Code form and that Source Code form must be distributed only under the terms of this License. You must include a copy of this License with every copy of the Source Code form of the Covered Software You distribute or otherwise make available. You must inform recipients of any such Covered Software in Executable form as to how they can obtain such Covered Software in Source Code form in a reasonable manner on or through a medium customarily used for software exchange. \n\n3.2. Modifications. \nThe Modifications that You create or to which You contribute are governed by the terms of this License. You represent that You believe Your Modifications are Your original creation(s) and/or You have sufficient rights to grant the rights conveyed by this License. \n\n3.3. Required Notices. \nYou must include a notice in each of Your Modifications that identifies You as the Contributor of the Modification. You may not remove or alter any copyright, patent or trademark notices contained within the Covered Software, or any notices of licensing or any descriptive text giving attribution to any Contributor or the Initial Developer. \n\n3.4. Application of Additional Terms. \nYou may not offer or impose any terms on any Covered Software in Source Code form that alters or restricts the applicable version of this License or the recipients' rights hereunder. You may choose to offer, and to charge a fee for, warranty, support, indemnity or liability obligations to one or more recipients of Covered Software. However, you may do so only on Your own behalf, and not on behalf of the Initial Developer or any Contributor. You must make it absolutely clear that any such warranty, support, indemnity or liability obligation is offered by You alone, and You hereby agree to indemnify the Initial Developer and every Contributor for any liability incurred by the Initial Developer or such Contributor as a result of warranty, support, indemnity or liability terms You offer. \n\n3.5. Distribution of Executable Versions. \nYou may distribute the Executable form of the Covered Software under the terms of this License or under the terms of a license of Your choice, which may contain terms different from this License, provided that You are in compliance with the terms of this License and that the license for the Executable form does not attempt to limit or alter the recipient's rights in the Source Code form from the rights set forth in this License. If You distribute the Covered Software in Executable form under a different license, You must make it absolutely clear that any terms which differ from this License are offered by You alone, not by the Initial Developer or Contributor. You hereby agree to indemnify the Initial Developer and every Contributor for any liability incurred by the Initial Developer or such Contributor as a result of any such terms You offer. \n\n3.6. Larger Works. \nYou may create a Larger Work by combining Covered Software with other code not governed by the terms of this License and distribute the Larger Work as a single product. In such a case, You must make sure the requirements of this License are fulfilled for the Covered Software. \n\n4. Versions of the License. \n\n4.1. New Versions. \nOracle is the initial license steward and may publish revised and/or new versions of this License from time to time. Each version will be given a distinguishing version number. Except as provided in Section 4.3, no one other than the license steward has the right to modify this License. \n\n4.2. Effect of New Versions. \nYou may always continue to use, distribute or otherwise make the Covered Software available under the terms of the version of the License under which You originally received the Covered Software. If the Initial Developer includes a notice in the Original Software prohibiting it from being distributed or otherwise made available under any subsequent version of the License, You must distribute and make the Covered Software available under the terms of the version of the License under which You originally received the Covered Software. Otherwise, You may also choose to use, distribute or otherwise make the Covered Software available under the terms of any subsequent version of the License published by the license steward. \n\n4.3. Modified Versions. \nWhen You are an Initial Developer and You want to create a new license for Your Original Software, You may create and use a modified version of this License if You: (a) rename the license and remove any references to the name of the license steward (except to note that the license differs from this License); and (b) otherwise make it clear that the license contains terms which differ from this License. \n\n5. DISCLAIMER OF WARRANTY. \nCOVERED SOFTWARE IS PROVIDED UNDER THIS LICENSE ON AN \"AS IS\" BASIS, WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, WITHOUT LIMITATION, WARRANTIES THAT THE COVERED SOFTWARE IS FREE OF DEFECTS, MERCHANTABLE, FIT FOR A PARTICULAR PURPOSE OR NON-INFRINGING. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE COVERED SOFTWARE IS WITH YOU. SHOULD ANY COVERED SOFTWARE PROVE DEFECTIVE IN ANY RESPECT, YOU (NOT THE INITIAL DEVELOPER OR ANY OTHER CONTRIBUTOR) ASSUME THE COST OF ANY NECESSARY SERVICING, REPAIR OR CORRECTION. THIS DISCLAIMER OF WARRANTY CONSTITUTES AN ESSENTIAL PART OF THIS LICENSE. NO USE OF ANY COVERED SOFTWARE IS AUTHORIZED HEREUNDER EXCEPT UNDER THIS DISCLAIMER. \n\n6. TERMINATION. \n\n6.1. This License and the rights granted hereunder will terminate automatically if You fail to comply with terms herein and fail to cure such breach within 30 days of becoming aware of the breach. Provisions which, by their nature, must remain in effect beyond the termination of this License shall survive. \n\n6.2. If You assert a patent infringement claim (excluding declaratory judgment actions) against Initial Developer or a Contributor (the Initial Developer or Contributor against whom You assert such claim is referred to as \"Participant\") alleging that the Participant Software (meaning the Contributor Version where the Participant is a Contributor or the Original Software where the Participant is the Initial Developer) directly or indirectly infringes any patent, then any and all rights granted directly or indirectly to You by such Participant, the Initial Developer (if the Initial Developer is not the Participant) and all Contributors under Sections 2.1 and/or 2.2 of this License shall, upon 60 days notice from Participant terminate prospectively and automatically at the expiration of such 60 day notice period, unless if within such 60 day period You withdraw Your claim with respect to the Participant Software against such Participant either unilaterally or pursuant to a written agreement with Participant. \n\n6.3. If You assert a patent infringement claim against Participant alleging that the Participant Software directly or indirectly infringes any patent where such claim is resolved (such as by license or settlement) prior to the initiation of patent infringement litigation, then the reasonable value of the licenses granted by such Participant under Sections 2.1 or 2.2 shall be taken into account in determining the amount or value of any payment or license. \n\n6.4. In the event of termination under Sections 6.1 or 6.2 above, all end user licenses that have been validly granted by You or any distributor hereunder prior to termination (excluding licenses granted to You by any distributor) shall survive termination. \n\n7. LIMITATION OF LIABILITY. \nUNDER NO CIRCUMSTANCES AND UNDER NO LEGAL THEORY, WHETHER TORT (INCLUDING NEGLIGENCE), CONTRACT, OR OTHERWISE, SHALL YOU, THE INITIAL DEVELOPER, ANY OTHER CONTRIBUTOR, OR ANY DISTRIBUTOR OF COVERED SOFTWARE, OR ANY SUPPLIER OF ANY OF SUCH PARTIES, BE LIABLE TO ANY PERSON FOR ANY INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF GOODWILL, WORK STOPPAGE, COMPUTER FAILURE OR MALFUNCTION, OR ANY AND ALL OTHER COMMERCIAL DAMAGES OR LOSSES, EVEN IF SUCH PARTY SHALL HAVE BEEN INFORMED OF THE POSSIBILITY OF SUCH DAMAGES. THIS LIMITATION OF LIABILITY SHALL NOT APPLY TO LIABILITY FOR DEATH OR PERSONAL INJURY RESULTING FROM SUCH PARTY'S NEGLIGENCE TO THE EXTENT APPLICABLE LAW PROHIBITS SUCH LIMITATION. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OR LIMITATION OF INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO THIS EXCLUSION AND LIMITATION MAY NOT APPLY TO YOU. \n\n8. U.S. GOVERNMENT END USERS. \nThe Covered Software is a \"commercial item,\" as that term is defined in 48 C.F.R. 2.101 (Oct. 1995), consisting of \"commercial computer software\" (as that term is defined at 48 C.F.R. sec. 252.227-7014(a)(1)) and \"commercial computer software documentation\" as such terms are used in 48 C.F.R. 12.212 (Sept. 1995). Consistent with 48 C.F.R. 12.212 and 48 C.F.R. 227.7202-1 through 227.7202-4 (June 1995), all U.S. Government End Users acquire Covered Software with only those rights set forth herein. This U.S. Government Rights clause is in lieu of, and supersedes, any other FAR, DFAR, or other clause or provision that addresses Government rights in computer software under this License. \n\n9. MISCELLANEOUS. \nThis License represents the complete agreement concerning subject matter hereof. If any provision of this License is held to be unenforceable, such provision shall be reformed only to the extent necessary to make it enforceable. This License shall be governed by the law of the jurisdiction specified in a notice contained within the Original Software (except to the extent applicable law, if any, provides otherwise), excluding such jurisdiction's conflict-of-law provisions. Any litigation relating to this License shall be subject to the jurisdiction of the courts located in the jurisdiction and venue specified in a notice contained within the Original Software, with the losing party responsible for costs, including, without limitation, court costs and reasonable attorneys' fees and expenses. The application of the United Nations Convention on Contracts for the International Sale of Goods is expressly excluded. Any law or regulation which provides that the language of a contract shall be construed against the drafter shall not apply to this License. You agree that You alone are responsible for compliance with the United States export administration regulations (and the export control laws and regulation of any other countries) when You use, distribute or otherwise make available any Covered Software. \n\n10. RESPONSIBILITY FOR CLAIMS. \nAs between Initial Developer and the Contributors, each party is responsible for claims and damages arising, directly or indirectly, out of its utilization of rights under this License and You agree to work with Initial Developer and Contributors to distribute such responsibility on an equitable basis. Nothing herein is intended or shall be deemed to constitute any admission of liability. \n\nNOTICE PURSUANT TO SECTION 9 OF THE COMMON DEVELOPMENT AND DISTRIBUTION LICENSE (CDDL) \nThe code released under the CDDL shall be governed by the laws of the State of California (excluding conflict-of-law provisions). Any litigation relating to this License shall be subject to the jurisdiction of the Federal Courts of the Northern District of California and the state courts of the State of California, with venue lying in Santa Clara County, California.\n\n\n\n===========================================================================\n\nTo the extent any open source components are licensed under the GPL\nand/or LGPL, or other similar licenses that require the source code\nand/or modifications to source code to be made available (as would be\nnoted above), you may obtain a copy of the source code corresponding to\nthe binaries for such open source components and modifications thereto,\nif any, (the \"Source Files\"), by downloading the Source Files from\nVMware's website at http://www.vmware.com/download/open_source.html, or\nby sending a request, with your name and address to: VMware, Inc., 3401\nHillview Avenue, Palo Alto, CA 94304, United States of America. All such\nrequests should clearly specify: OPEN SOURCE FILES REQUEST, Attention\nGeneral Counsel. VMware shall mail a copy of the Source Files to you on\na CD or equivalent physical medium. This offer to obtain a copy of the\nSource Files is valid for three years from the date you acquired this\nSoftware product. Alternatively, the Source Files may accompany the\nVMware product.\n\n[HARBOR050GASR111116]","license":"Apache*","_id":"harbor-ui@0.7.0-dev.14","dist":{"shasum":"2ccfb3d69fa7c134a5f4a53286538ddbb000d939","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.14.tgz","fileCount":449,"unpackedSize":20958891,"integrity":"sha512-PKh4sAxYngBulH+wKUoT3rCbjKuz91awDcuGBFiWJA7wF96RcGyGb0X+AgM4pvMQDavvOTI8scng86Z0eskplQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB/ijCm9Lhtfw4ukKhfJcsqOlmAhs7ymubcoy/bHe5OAAiEAghHx8GQBfgSL7NT1icTNduOGNZrFeQcaeL8Y3vEOS/8="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.14_1523273961872_0.5935226419103865"},"_hasShrinkwrap":false},"0.7.0-dev.15":{"name":"harbor-ui","version":"0.7.0-dev.15","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"ngPackage":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"harbor-ui","version":"0.7.0-dev.9","ngPackage":{"lib":{"entryFile":"./public_api.ts"}}},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readmeFilename":"README.md","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","licenseText":"LICENSE\n\nHarbor UI component library version 0.1.0\n\nCopyright 2016 VMware, Inc.  All rights reserved.\n\nThis product is licensed to you under the Apache License version 2.0 (the License).  You may not use this product except in compliance with the License.\n\n                           Apache License\n                     Version 2.0, January 2004\n                  http://www.apache.org/licenses/\n\nTERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n1. Definitions.\n\n\"License\" shall mean the terms and conditions for use, reproduction,\nand distribution as defined by Sections 1 through 9 of this document.\n\n\"Licensor\" shall mean the copyright owner or entity authorized by\nthe copyright owner that is granting the License.\n\n\"Legal Entity\" shall mean the union of the acting entity and all\nother entities that control, are controlled by, or are under common\ncontrol with that entity. For the purposes of this definition,\n\"control\" means (i) the power, direct or indirect, to cause the\ndirection or management of such entity, whether by contract or\notherwise, or (ii) ownership of fifty percent (50%) or more of the\noutstanding shares, or (iii) beneficial ownership of such entity.\n\n\"You\" (or \"Your\") shall mean an individual or Legal Entity\nexercising permissions granted by this License.\n\n\"Source\" form shall mean the preferred form for making modifications,\nincluding but not limited to software source code, documentation\nsource, and configuration files.\n\n\"Object\" form shall mean any form resulting from mechanical\ntransformation or translation of a Source form, including but\nnot limited to compiled object code, generated documentation,\nand conversions to other media types.\n\n\"Work\" shall mean the work of authorship, whether in Source or\nObject form, made available under the License, as indicated by a\ncopyright notice that is included in or attached to the work\n(an example is provided in the Appendix below).\n\n\"Derivative Works\" shall mean any work, whether in Source or Object\nform, that is based on (or derived from) the Work and for which the\neditorial revisions, annotations, elaborations, or other modifications\nrepresent, as a whole, an original work of authorship. For the purposes\nof this License, Derivative Works shall not include works that remain\nseparable from, or merely link (or bind by name) to the interfaces of,\nthe Work and Derivative Works thereof.\n\n\"Contribution\" shall mean any work of authorship, including\nthe original version of the Work and any modifications or additions\nto that Work or Derivative Works thereof, that is intentionally\nsubmitted to Licensor for inclusion in the Work by the copyright owner\nor by an individual or Legal Entity authorized to submit on behalf of\nthe copyright owner. For the purposes of this definition, \"submitted\"\nmeans any form of electronic, verbal, or written communication sent\nto the Licensor or its representatives, including but not limited to\ncommunication on electronic mailing lists, source code control systems,\nand issue tracking systems that are managed by, or on behalf of, the\nLicensor for the purpose of discussing and improving the Work, but\nexcluding communication that is conspicuously marked or otherwise\ndesignated in writing by the copyright owner as \"Not a Contribution.\"\n\n\"Contributor\" shall mean Licensor and any individual or Legal Entity\non behalf of whom a Contribution has been received by Licensor and\nsubsequently incorporated within the Work.\n\n2. Grant of Copyright License. Subject to the terms and conditions of\nthis License, each Contributor hereby grants to You a perpetual,\nworldwide, non-exclusive, no-charge, royalty-free, irrevocable\ncopyright license to reproduce, prepare Derivative Works of,\npublicly display, publicly perform, sublicense, and distribute the\nWork and such Derivative Works in Source or Object form.\n\n3. Grant of Patent License. Subject to the terms and conditions of\nthis License, each Contributor hereby grants to You a perpetual,\nworldwide, non-exclusive, no-charge, royalty-free, irrevocable\n(except as stated in this section) patent license to make, have made,\nuse, offer to sell, sell, import, and otherwise transfer the Work,\nwhere such license applies only to those patent claims licensable\nby such Contributor that are necessarily infringed by their\nContribution(s) alone or by combination of their Contribution(s)\nwith the Work to which such Contribution(s) was submitted. If You\ninstitute patent litigation against any entity (including a\ncross-claim or counterclaim in a lawsuit) alleging that the Work\nor a Contribution incorporated within the Work constitutes direct\nor contributory patent infringement, then any patent licenses\ngranted to You under this License for that Work shall terminate\nas of the date such litigation is filed.\n\n4. Redistribution. You may reproduce and distribute copies of the\nWork or Derivative Works thereof in any medium, with or without\nmodifications, and in Source or Object form, provided that You\nmeet the following conditions:\n\n(a) You must give any other recipients of the Work or\nDerivative Works a copy of this License; and\n\n(b) You must cause any modified files to carry prominent notices\nstating that You changed the files; and\n\n(c) You must retain, in the Source form of any Derivative Works\nthat You distribute, all copyright, patent, trademark, and\nattribution notices from the Source form of the Work,\nexcluding those notices that do not pertain to any part of\nthe Derivative Works; and\n\n(d) If the Work includes a \"NOTICE\" text file as part of its\ndistribution, then any Derivative Works that You distribute must\ninclude a readable copy of the attribution notices contained\nwithin such NOTICE file, excluding those notices that do not\npertain to any part of the Derivative Works, in at least one\nof the following places: within a NOTICE text file distributed\nas part of the Derivative Works; within the Source form or\ndocumentation, if provided along with the Derivative Works; or,\nwithin a display generated by the Derivative Works, if and\nwherever such third-party notices normally appear. The contents\nof the NOTICE file are for informational purposes only and\ndo not modify the License. You may add Your own attribution\nnotices within Derivative Works that You distribute, alongside\nor as an addendum to the NOTICE text from the Work, provided\nthat such additional attribution notices cannot be construed\nas modifying the License.\n\nYou may add Your own copyright statement to Your modifications and\nmay provide additional or different license terms and conditions\nfor use, reproduction, or distribution of Your modifications, or\nfor any such Derivative Works as a whole, provided Your use,\nreproduction, and distribution of the Work otherwise complies with\nthe conditions stated in this License.\n\n5. Submission of Contributions. Unless You explicitly state otherwise,\nany Contribution intentionally submitted for inclusion in the Work\nby You to the Licensor shall be under the terms and conditions of\nthis License, without any additional terms or conditions.\nNotwithstanding the above, nothing herein shall supersede or modify\nthe terms of any separate license agreement you may have executed\nwith Licensor regarding such Contributions.\n\n6. Trademarks. This License does not grant permission to use the trade\nnames, trademarks, service marks, or product names of the Licensor,\nexcept as required for reasonable and customary use in describing the\norigin of the Work and reproducing the content of the NOTICE file.\n\n7. Disclaimer of Warranty. Unless required by applicable law or\nagreed to in writing, Licensor provides the Work (and each\nContributor provides its Contributions) on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied, including, without limitation, any warranties or conditions\nof TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\nPARTICULAR PURPOSE. You are solely responsible for determining the\nappropriateness of using or redistributing the Work and assume any\nrisks associated with Your exercise of permissions under this License.\n\n8. Limitation of Liability. In no event and under no legal theory,\nwhether in tort (including negligence), contract, or otherwise,\nunless required by applicable law (such as deliberate and grossly\nnegligent acts) or agreed to in writing, shall any Contributor be\nliable to You for damages, including any direct, indirect, special,\nincidental, or consequential damages of any character arising as a\nresult of this License or out of the use or inability to use the\nWork (including but not limited to damages for loss of goodwill,\nwork stoppage, computer failure or malfunction, or any and all\nother commercial damages or losses), even if such Contributor\nhas been advised of the possibility of such damages.\n\n9. Accepting Warranty or Additional Liability. While redistributing\nthe Work or Derivative Works thereof, You may choose to offer,\nand charge a fee for, acceptance of support, warranty, indemnity,\nor other liability obligations and/or rights consistent with this\nLicense. However, in accepting such obligations, You may act only\non Your own behalf and on Your sole responsibility, not on behalf\nof any other Contributor, and only if You agree to indemnify,\ndefend, and hold each Contributor harmless for any liability\nincurred by, or claims asserted against, such Contributor by reason\nof your accepting any such warranty or additional liability.\n\nEND OF TERMS AND CONDITIONS\n\nAPPENDIX: How to apply the Apache License to your work.\n\nTo apply the Apache License to your work, attach the following\nboilerplate notice, with the fields enclosed by brackets \"[]\"\nreplaced with your own identifying information. (Don't include\nthe brackets!)  The text should be enclosed in the appropriate\ncomment syntax for the file format. We also recommend that a\nfile or class name and description of purpose be included on the\nsame \"printed page\" as the copyright notice for easier\nidentification within third-party archives.\n\nCopyright [yyyy] [name of copyright owner]\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n======================================================================\n\nHarbor version 0.5.0 includes a number of components with separate copyright notices and license terms.  This product does not necessarily use all the open source components referred to below. Your use of the source code for these components is subject to the terms and conditions of the following licenses.\n\n======================== TABLE OF CONTENTS ============================\n\nThe following is a listing of the open source components detailed in\nthis document. This list is provided for your convenience; please read\nfurther if you wish to review the copyright notice(s) and the full text\nof the license associated with each component.\n\n\nSECTION 1: BSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES\n\n   >>> alembic-0.8.8\n   >>> angular-cookies-1.5.3\n   >>> angular-messages-1.5.3\n   >>> angularjs-1.5.3\n   >>> bootstrap-3.3.6\n   >>> bootstrap-datepicker-4.17.37\n   >>> cronie-1.5.0\n   >>> jquery-1.11.2\n   >>> mattn/go-sqlite3-3fb7a0e7\n   >>> moment-2.11.0\n   >>> mqu/openldap-0.2\n   >>> nginx-1.11.5\n   >>> shadow-4.2.1\n\n\n\nSECTION 2: Apache License, V2.0\n\n   >>> apr-util-1.5.4\n   >>> beego-1.6.1\n   >>> docker-distribution-2.5.0\n   >>> docker-libtrust -9cbd2a1\n   >>> registry-2.5.0\n\n\n\nSECTION 3: GNU General Public License, V2.0\n\n   >>> logrotate-3.9.1\n   >>> mysql-5.6\n\n\n\nSECTION 4: GNU General Public License, V3.0\n\n   >>> rsyslog-8.15.0\n\n\n\nSECTION 5: Mozilla Public License, V2.0\n\n   >>> go-sql-driver/mysql-1.2\n\n\n\nAPPENDIX. Standard License Files\n\n   >>> Mozilla Public License, V2.0\n\n   >>> Apache License, V2.0\n\n   >>> GNU General Public License, V3.0\n\n   >>> GNU General Public License, V2.0\n\n   >>> GNU Library General Public License, V2.0\n  \n   >>> GNU Lesser General Public License, V3.0\n   \n   >>> Creative Commons Attribution License, V3.0\n   \n   >>> Common Development and Distribution License, V1.1\n   \n\n\n--------------- SECTION 1:  BSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES ----------\n\nBSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES are applicable to the following component(s).\n\n\n>>> alembic-0.8.8\n\nThis is the MIT license: http://www.opensource.org/licenses/mit-license.php\n\nCopyright (C) 2009-2016 by Michael Bayer.\nAlembic is a trademark of Michael Bayer.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this\nsoftware and associated documentation files (the \"Software\"), to deal in the Software\nwithout restriction, including without limitation the rights to use, copy, modify, merge,\npublish, distribute, sublicense, and/or sell copies of the Software, and to permit persons\nto whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or\nsubstantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\nINCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR\nPURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE\nFOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\nOTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\nDEALINGS IN THE SOFTWARE.\n\n\n>>> angular-cookies-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> angular-messages-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> angularjs-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> bootstrap-3.3.6\n\nThe MIT License (MIT)\n\nCopyright (c) 2011-2015 Twitter, Inc\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\nADDITIONAL LICENSE INFORMATION:\n\n> CC- Attribution 3.0 Unported License\n\n[NOTE:  VMware does not distribute the \"docs\\assets\\css\\src\\docs.css\" subpackage.]\n\nbootstrap-3.3.6\\docs\\assets\\css \\src\\docs.css\n\nBootstrap Docs (http://getbootstrap.com)\nCopyright 2011-2015 Twitter, Inc.\nLicensed under the Creative Commons Attribution 3.0 Unported License. For\ndetails, see https://creativecommons.org/licenses/by/3.0/.\n\n\n> MIT\n\n[PLEASE NOTE:  VMWARE, INC. ELECTS TO USE AND DISTRIBUTE THIS COMPONENT UNDER THE TERMS OF THE MIT LICENSE. THE ORIGINAL LICENSE TERMS ARE REPRODUCED BELOW ONLY AS A REFERENCE.]\n\nbootstrap-3.3.6.tar.gz\\bootstrap-3.3.6.tar\\bootstrap-3.3.6\\docs\\assets\\js\\vendor\\ jszip.min.js\n\n(c) 2009-2014 Stuart Knightley <stuart [at] stuartk.com>\nDual licenced under the MIT license or GPLv3. See https://raw.github.com/Stuk/jszip/master/LICENSE.markdown.\n\n\n> Apache 2.0\n\nbootstrap-3.3.6.tar.gz\\bootstrap-3.3.6.tar\\bootstrap-3.3.6\\docs\\assets\\js\\vendor\\ less.min.js\n\nCopyright (c) 2009-2014, Alexis Sellier <self@cloudhead.net>\nLicensed under the Apache v2 License.\n\nLicense for GLYPHICONS Halflings in Bootstrap\n \nGLYPHICONS Halflings font is also released as an extension of a Bootstrap www.getbootstrap.com for free and it is released under the same license as Bootstrap. While you are not required to include attribution on your Bootstrap-based projects, I would certainly appreciate any form of support, even a nice Tweet is enough. Of course if you want, you can say thank you and support me by buying more icons on GLYPHICONS.com.\n\n\n>>> bootstrap-datepicker-4.17.37\n\nThe MIT License (MIT)\n\nCopyright (c) 2015 Jonathan Peterson (@Eonasdan)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n\n>>> cronie-1.5.0\n\nCopyright (c) 2004 by Internet Systems Consortium, Inc. (\"ISC\")\nCopyright (c) 1997,2000 by Internet Software Consortium, Inc.\n\nPermission to use, copy, modify, and distribute this software for any\npurpose with or without fee is hereby granted, provided that the above\ncopyright notice and this permission notice appear in all copies.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND ISC DISCLAIMS ALL WARRANTIES\nWITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS.  IN NO EVENT SHALL ISC BE LIABLE FOR\nANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES\nWHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN\nACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT\nOF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.\n\nCopyright (c) 1988, 1993, 1994\nThe Regents of the University of California.  All rights reserved.\n\nThis code is derived from software written by Ken Arnold and\npublished in UNIX Review, Vol. 6, No. 8.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\nCopyright (c) 1989, 1993\nThe Regents of the University of California.  All rights reserved.\n\nThis code is derived from software contributed to Berkeley by\nPaul Vixie.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n3. Neither the name of the University nor the names of its contributors\nmay be used to endorse or promote products derived from this software\nwithout specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\n@(#)bitstring.h\t8.1 (Berkeley) 7/19/93\n\nADDITIONAL LICENSE INFORMATION:\n\n> GPL 2.0\n\ncronie-1.5.0.tar.gz\\cronie-1.5.0.tar\\cronie-1.5.0\\anacron\\global.h\n\n Anacron - run commands periodically\n    Copyright (C) 1998  Itai Tzur <itzur@actcom.co.il>\n    Copyright (C) 1999  Sean 'Shaleh' Perry <shaleh@debian.org>\n    Copyright (C) 2004  Pascal Hakim <pasc@redellipse.net>\n\n    This program is free software; you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation; either version 2 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License\n    along with this program; if not, write to the Free Software\n    Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA\n\n    The GNU General Public License can also be found in the file\n    `COPYING' that comes with the Anacron source distribution.\n\n\n>>> jquery-1.11.2\n\nCopyright 2014 jQuery Foundation and other contributors\nhttp://jquery.com/\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n\n>>> mattn/go-sqlite3-3fb7a0e7\n\nThe MIT License (MIT)\n\nCopyright (c) 2014 Yasuhiro Matsumoto\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\nADDITIONAL LICENSE INFORMATION:\n\n> BSD-2 Clause\n\ngo-sqlite3-master.zip\\go-sqlite3-master\\_example\\mod_vtable\\picojson.h\n\nCopyright 2009-2010 Cybozu Labs, Inc.\nCopyright 2011 Kazuho Oku\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are met:\n\n1. Redistributions of source code must retain the above copyright notice,\nthis list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright notice,\nthis list of conditions and the following disclaimer in the documentation\nand/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY CYBOZU LABS, INC. ``AS IS'' AND ANY EXPRESS OR\nIMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO\nEVENT SHALL CYBOZU LABS, INC. OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT,\nINDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES\n(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;\nLOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND\nON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF\nTHIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\nThe views and conclusions contained in the software and documentation are\nthose of the authors and should not be interpreted as representing official\npolicies, either expressed or implied, of Cybozu Labs, Inc.\n\n> Public Domain\n\ngo-sqlite3-master.zip\\go-sqlite3-master\\sqlite3ext.h\n\n2006 June 7\n\nThe author disclaims copyright to this source code.  In place of\na legal notice, here is a blessing:\n\nMay you do good and not evil.\nMay you find forgiveness for yourself and forgive others.\nMay you share freely, never taking more than you give.\n\n\n>>> moment-2.11.0\n\nCopyright (c) 2011-2015 Tim Wood, Iskren Chernev, Moment.js contributors\n\nPermission is hereby granted, free of charge, to any person\nobtaining a copy of this software and associated documentation\nfiles (the \"Software\"), to deal in the Software without\nrestriction, including without limitation the rights to use,\ncopy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the\nSoftware is furnished to do so, subject to the following\nconditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES\nOF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\nHOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,\nWHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\nFROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR\nOTHER DEALINGS IN THE SOFTWARE.\n\n\n>>> mqu/openldap-0.2\n\n/This work is part of OpenLDAP Software <http://www.openldap.org/>.\n\nCopyright 1998-2012 The OpenLDAP Foundation.\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted only as authorized by the OpenLDAP\nPublic License.\n\nA copy of this license is available in file LICENSE in the\ntop-level directory of the distribution or, alternatively, at\n<http://www.OpenLDAP.org/license.html>.\n/\n/ Portions Copyright (c) 1990 Regents of the University of Michigan.\nAll rights reserved.\n\nRedistribution and use in source and binary forms are permitted\nprovided that this notice is preserved and that due credit is given\nto the University of Michigan at Ann Arbor. The name of the University\nmay not be used to endorse or promote products derived from this\nsoftware without specific prior written permission. This software\nis provided ``as is'' without express or implied warranty.\n\n\n>>> nginx-1.11.5\n\nCopyright (C) 2002-2016 Igor Sysoev\nCopyright (C) 2011-2016 Nginx, Inc.\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\n\n>>> shadow-4.2.1\n\nCopyright (c) 1991 - 1994, Julianne Frances Haugh\nCopyright (c) 1996 - 2000, Marek Michalkiewicz\nCopyright (c) 2000 - 2006, Tomasz Kloczko\nCopyright (c) 2007 - 2011, Nicolas Franois\nAll rights reserved\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1 Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer\n2 Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution\n3 The name of the copyright holders or contributors may not be used to\nendorse or promote products derived from this software without\nspecific prior written permission\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n``AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A\nPARTICULAR PURPOSE ARE DISCLAIMED  IN NO EVENT SHALL THE COPYRIGHT\nHOLDERS OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE\n\n\nADDITIONAL LICENSE INFORMATION:\n\n> GPL 2.0\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\src\\vipwc\n\nCopyright (c) 1997       , Guy Maor <maor@eceutexasedu>\nCopyright (c) 1999 - 2000, Marek Michalkiewicz\nCopyright (c) 2002 - 2006, Tomasz Kloczko\nCopyright (c) 2007 - 2013, Nicolas Franois\nAll rights reserved\n\nThis program is free software; you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation; either version 2 of the License, or\n(at your option) any later version\n\nThis program is distributed in the hope that it will be useful, but\nWITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE See the GNU\nGeneral Public License for more details\n\nYou should have received a copy of the GNU General Public License\nalong with this program; if not, write to the Free Software\nFoundation, Inc, 51 Franklin Street, Fifth Floor,\nBoston, MA 02110-1301, USA\n\nudbachktgz\n\n> BSD Style\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\src\\login_nopamc\n\nCopyright 1995 by Wietse Venema  All rights reserved Individual files\nmay be covered by other copyrights (as noted in the file itself)\n\nThis material was originally written and compiled by Wietse Venema at\nEindhoven University of Technology, The Netherlands, in 1990, 1991,\n1992, 1993, 1994 and 1995\n\nRedistribution and use in source and binary forms are permitted\nprovided that this entire copyright notice is duplicated in all such\ncopies\n\nThis software is provided \"as is\" and without any expressed or implied\nwarranties, including, without limitation, the implied warranties of\nmerchantibility and fitness for any particular purpose\n\n> Public Domain\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\zh_TW\\man1\\newgrp1\n\nOriginal author unknown  This man page is in the public domain\nModified Sat Oct  9 17:46:48 1993 by faith@csuncedu\nTH NEWGRP 1 \"9 October 1993\" \"Linux 12\" \"Linux Programmer's Manual\"\n\n> GPL 3.0 with Bison Parser Exception\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\libmisc\\getdatec\n\nA Bison parser, made by GNU Bison 302\n\nBison implementation for Yacc-like parsers in C\n\nCopyright (C) 1984, 1989-1990, 2000-2013 Free Software Foundation, Inc\n\nThis program is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE  See the\nGNU General Public License for more details\n\nYou should have received a copy of the GNU General Public License\nalong with this program  If not, see <http://wwwgnuorg/licenses/>\n\nAs a special exception, you may create a larger work that contains\npart or all of the Bison parser skeleton and distribute that work\nunder terms of your choice, so long as that work isn't itself a\nparser generator using the skeleton or a modified version thereof\nas a parser skeleton  Alternatively, if you modify or redistribute\nthe parser skeleton itself, you may (at your option) remove this\nspecial exception, which will cause the skeleton and the resulting\nBison output files to be licensed under the GNU General Public\nLicense without this special exception\n\nThis special exception was added by the Free Software Foundation in\nversion 22 of Bison\n\n> GPL 3.0\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\tr\\man1\\chfn.1\n\nchfn.1 -- change your finger information\n(c) 1994 by salvatore valente <svalente@athena.mit.edu>\nthis program is free software.  you can redistribute it and\nmodify it under the terms of the gnu general public license.\nthere is no warranty.\n\n> MIT-Style\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\aclocalm4\n\nCopyright (C) 1996, 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004,\n2005, 2006, 2007, 2008, 2009, 2010, 2011 Free Software Foundation,\nInc\nThis file is free software; the Free Software Foundation\ngives unlimited permission to copy and/or distribute it,\nwith or without modifications, as long as this notice is preserved\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY, to the extent permitted by law; without\neven the implied warranty of MERCHANTABILITY or FITNESS FOR A\nPARTICULAR PURPOSE\n\n> BSD 3-Clause\n\n[PLEASE NOTE:  VMWARE, INC ELECTS TO USE AND DISTRIBUTE THIS COMPONENT UNDER THE TERMS OF THE BSD LICENSE THE ORIGINAL LICENSE TERMS ARE REPRODUCED BELOW ONLY AS A REFERENCE]\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\tr\\man1\\passwd1\n\nCopyright Red Hat, Inc, 1998, 1999, 2002\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1 Redistributions of source code must retain the above copyright\nnotice, and the entire permission notice in its entirety,\nincluding the disclaimer of warranties\n2 Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution\n3 The name of the author may not be used to endorse or promote\nproducts derived from this software without specific prior\nwritten permission\n\nALTERNATIVELY, this product may be distributed under the terms of\nthe GNU Public License, in which case the provisions of the GPL are\nrequired INSTEAD OF the above restrictions  (This clause is\nnecessary due to a potential bad interaction between the GPL and\nthe restrictions contained in a BSD-style copyright)\n\nTHIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY EXPRESS OR IMPLIED\nWARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES\nOF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\nDISCLAIMED  IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY DIRECT,\nINDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES\n(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\nSERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,\nSTRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)\nARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED\nOF THE POSSIBILITY OF SUCH DAMAGE\n\nCopyright (c) Cristian Gafton, 1998, <gafton@redhatcom>\n\n>  LDP General Public License\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\hu\\man1\\su1\n\nYou may copy, distribute and modify under the terms of the LDP General\nPublic License as specified in the LICENSE file that comes with the\ngnumaniak distribution\n\nThe author kindly requests that no comments regarding the \"better\"\nsuitability or up\\-to\\-date notices of any info documentation alternative\nis added without contacting him first\n\n(C) 1999 Ragnar Hojland Espinosa <ragnar@maculanet>\n\nGNU su man page\nman pages are NOT obsolete!\n<ragnar@maculanet>\nTH su 1 \"18 August 1999\" \"GNU Shell Utilities 20\"\n\n\n--------------- SECTION 2: Apache License, V2.0 ----------\n\nApache License, V2.0 is applicable to the following component(s).\n\n\n>>> apr-util-1.5.4\n\nLicensed to the Apache Software Foundation (ASF) under one or more\ncontributor license agreements.  See the NOTICE file distributed with\nthis work for additional information regarding copyright ownership.\nThe ASF licenses this file to You under the Apache License, Version 2.0\n(the \"License\"); you may not use this file except in compliance with\nthe License.  You may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\nADDITIONAL LICENSE INFORMATION:\n\n> apr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\NOTICE\n\nApache Portable Runtime Utility Library\nCopyright (c) 2000-2014 The Apache Software Foundation.\n\nThis product includes software developed at\nThe Apache Software Foundation (http://www.apache.org/).\n\nPortions of this software were developed at the National Center\nfor Supercomputing Applications (NCSA) at the University of\nIllinois at Urbana-Champaign.\n\nThis software contains code derived from the RSA Data Security\nInc. MD5 Message-Digest Algorithm, including various\nmodifications by Spyglass Inc., Carnegie Mellon University, and\nBell Communications Research, Inc (Bellcore).\n\n> RSA Data Security\n\napr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\include\\apr_md4.h\n\nThis is derived from material copyright RSA Data Security, Inc.\nTheir notice is reproduced below in its entirety.\n\nCopyright (C) 1991-2, RSA Data Security, Inc. Created 1991. All\nrights reserved.\n\nLicense to copy and use this software is granted provided that it\nis identified as the \"RSA Data Security, Inc. MD4 Message-Digest\nAlgorithm\" in all material mentioning or referencing this software\nor this function.\n\nLicense is also granted to make and use derivative works provided\nthat such works are identified as \"derived from the RSA Data\nSecurity, Inc. MD4 Message-Digest Algorithm\" in all material\nmentioning or referencing the derived work.\n\nRSA Data Security, Inc. makes no representations concerning either\nthe merchantability of this software or the suitability of this\nsoftware for any particular purpose. It is provided \"as is\"\nwithout express or implied warranty of any kind.\n\nThese notices must be retained in any copies of any part of this\ndocumentation and/or software.\n\n> MIT\n\napr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\xml\\expat\\COPYING\n\nCopyright (c) 1998, 1999, 2000 Thai Open Source Software Center Ltd\nand Clark Cooper\nCopyright (c) 2001, 2002 Expat maintainers.\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be included\nin all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.\nIN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY\nCLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,\nTORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\nSOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n> OpenLDAP Public License (BSD-Style)\n\nPortions Copyright 1998-2002 The OpenLDAP Foundation\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted only as authorized by the OpenLDAP\nPublic License.  A copy of this license is available at\nhttp://www.OpenLDAP.org/license.html or in file LICENSE in the\ntop-level directory of the distribution.\n\nOpenLDAP is a registered trademark of the OpenLDAP Foundation.\n\nIndividual files and/or contributed packages may be copyright by\nother parties and subject to additional restrictions.\n\nThis work is derived from the University of Michigan LDAP v3.3\ndistribution.  Information concerning this software is available\nat: http://www.umich.edu/~dirsvcs/ldap/\n\nThis work also contains materials derived from public sources.\n\nAdditional information about OpenLDAP can be obtained at:\nhttp://www.openldap.org/\n\n\n\nPortions Copyright (c) 1992-1996 Regents of the University of Michigan.\nAll rights reserved.\n\nRedistribution and use in source and binary forms are permitted\nprovided that this notice is preserved and that due credit is given\nto the University of Michigan at Ann Arbor. The name of the University\nmay not be used to endorse or promote products derived from this\nsoftware without specific prior written permission. This software\nis provided ``as is'' without express or implied warranty.\n\n\n>>> beego-1.6.1\n\nCopyright 2014 beego Author. All Rights Reserved.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\nADDITIONAL LICENSE INFORMATION:\n\n> BSD\n\nbeego-1.6.1.tar.gz\\beego-1.6.1.tar\\beego-1.6.1\\session\\README.md\n\nLICENSE\n\nBSD License http://creativecommons.org/licenses/BSD/\n\n> MIT\n\nbeego-1.6.1.tar.gz\\beego-1.6.1.tar\\beego-1.6.1\\utils\\captcha\\LICENSE\n\nCopyright (c) 2011-2014 Dmitry Chestnykh <dmitry@codingrobots.com>\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> docker-distribution-2.5.0\n\nLicense\n\nThis project is distributed under [Apache License, Version 2.0](LICENSE).\n\nADDITIONAL LICENSE INFORMATION:\n\n> MIT\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\bugsnag\\bugsnag-go\\LICENSE.txt\n\nCopyright (c) 2014 Bugsnag\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n\n> MIT Style\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\bugsnag\\osext\\LICENSE\n\nCopyright (c) 2012 Daniel Theophanes\n\nThis software is provided 'as-is', without any express or implied\nwarranty. In no event will the authors be held liable for any damages\narising from the use of this software.\n\nPermission is granted to anyone to use this software for any purpose,\nincluding commercial applications, and to alter it and redistribute it\nfreely, subject to the following restrictions:\n\n1. The origin of this software must not be misrepresented; you must not\nclaim that you wrote the original software. If you use this software\nin a product, an acknowledgment in the product documentation would be\nappreciated but is not required.\n\n2. Altered source versions must be plainly marked as such, and must not be\nmisrepresented as being the original software.\n\n3. This notice may not be removed or altered from any source\ndistribution.\n\n\n> CC-Attribution 3.0\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\docker\\libtrust\\README.md\n\nCopyright and license\n\nCode and documentation copyright 2014 Docker, inc. Code released under the Apache 2.0 license.\nDocs released under Creative commons.\n\n\n> BSD 3-Clause\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\golang\\protobuf\\LICENSE\n\nGo support for Protocol Buffers - Google's data interchange format\n\nCopyright 2010 The Go Authors.  All rights reserved.\nhttps://github.com/golang/protobuf\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are\nmet:\n\n* Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n* Redistributions in binary form must reproduce the above\ncopyright notice, this list of conditions and the following disclaimer\nin the documentation and/or other materials provided with the\ndistribution.\n* Neither the name of Google Inc. nor the names of its\ncontributors may be used to endorse or promote products derived from\nthis software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\nOWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n\n> BSD 2-Clause\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\gorilla\\handlers\\LICENSE\n\nCopyright (c) 2013 The Gorilla Handlers Authors. All rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are met:\n\nRedistributions of source code must retain the above copyright notice, this\nlist of conditions and the following disclaimer.\n\nRedistributions in binary form must reproduce the above copyright notice,\nthis list of conditions and the following disclaimer in the documentation\nand/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED\nWARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\nDISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\nSERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER\nCAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,\nOR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n> BSD-3\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\golang.org\\x\\crypto\\LICENSE\n\nCopyright (c) 2009 The Go Authors. All rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are\nmet:\n\n* Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n* Redistributions in binary form must reproduce the above\ncopyright notice, this list of conditions and the following disclaimer\nin the documentation and/or other materials provided with the\ndistribution.\n* Neither the name of Google Inc. nor the names of its\ncontributors may be used to endorse or promote products derived from\nthis software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\nOWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\nAdditional IP Rights Grant (Patents)\n\n\"This implementation\" means the copyrightable works distributed by\nGoogle as part of the Go project.\n\nGoogle hereby grants to You a perpetual, worldwide, non-exclusive,\nno-charge, royalty-free, irrevocable (except as stated in this section)\npatent license to make, have made, use, offer to sell, sell, import,\ntransfer and otherwise run, modify and propagate the contents of this\nimplementation of Go, where such license applies only to those patent\nclaims, both currently owned or controlled by Google and acquired in\nthe future, licensable by Google that are necessarily infringed by this\nimplementation of Go.  This grant does not include claims that would be\ninfringed only as a consequence of further modification of this\nimplementation.  If you or your agent or exclusive licensee institute or\norder or agree to the institution of patent litigation against any\nentity (including a cross-claim or counterclaim in a lawsuit) alleging\nthat this implementation of Go or any code incorporated within this\nimplementation of Go constitutes direct or contributory patent\ninfringement, or inducement of patent infringement, then any patent\nrights granted to you under this License for this implementation of Go\nshall terminate as of the date such litigation is filed.\n\n\n>>> docker-libtrust -9cbd2a1\n\nCopyright and license\n\nCode and documentation copyright 2014 Docker, inc. Code released under the Apache 2.0 license.\nDocs released under Creative commons.\n\n\n>>> registry-2.5.0\n\nLicense: Apache 2.0\n\n\n--------------- SECTION 3: GNU General Public License, V2.0 ----------\n\nGNU General Public License, V2.0 is applicable to the following component(s).\n\n\n>>> logrotate-3.9.1\n\nLICENSE : GPL 2.0\n\nADDITIONAL LICENSE INFORMATION:\n\n>   BSD 3-Clause\n\nlogrotate-3.9.1.tar.gz\\logrotate-3.9.1.tar\\logrotate-3.9.1\\queue.h\n\nCopyright (c) 1991, 1993\n\tThe Regents of the University of California.  All rights reserved.\n\n Redistribution and use in source and binary forms, with or without\n modification, are permitted provided that the following conditions\n are met:\n 1. Redistributions of source code must retain the above copyright\n    notice, this list of conditions and the following disclaimer.\n 2. Redistributions in binary form must reproduce the above copyright\n    notice, this list of conditions and the following disclaimer in the\n    documentation and/or other materials provided with the distribution.\n 3. Neither the name of the University nor the names of its contributors\n    may be used to endorse or promote products derived from this software\n    without specific prior written permission.\n\n THIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\n ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\n IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\n ARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\n FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\n DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\n OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\n HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\n LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\n OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\n SUCH DAMAGE.\n\n\n>>> mysql-5.6\n\nLicense: GPL 2.0\n\n\n--------------- SECTION 4: GNU General Public License, V3.0 ----------\n\nGNU General Public License, V3.0 is applicable to the following component(s).\n\n\n>>> rsyslog-8.15.0\n\nCopyright 2007, 2014 Rainer Gerhards and Adiscon GmbH.\n\nThis file is part of rsyslog.\n\nRsyslog is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version.\n\nRsyslog is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with Rsyslog.  If not, see <http://www.gnu.org/licenses/>.\n\nA copy of the GPL can be found in the file \"COPYING\" in this distribution.\n\nADDITIONAL LICENSE INFORMATION:\n\n> CDDL 1.1\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\compat\\getifaddrs.c\n\nThe contents of this file are subject to the terms of the\nCommon Development and Distribution License (the \"License\").\nYou may not use this file except in compliance with the License.\n\nYou can obtain a copy of the license at usr/src/OPENSOLARIS.LICENSE\nor http://www.opensolaris.org/os/licensing.\nSee the License for the specific language governing permissions\nand limitations under the License.\n\nWhen distributing Covered Code, include this CDDL HEADER in each\nfile and include the License file at usr/src/OPENSOLARIS.LICENSE.\nIf applicable, add the following below this CDDL HEADER, with the\nfields enclosed by brackets \"[]\" replaced with your own identifying\ninformation: Portions Copyright [yyyy] [name of copyright owner]\n\n> Apache 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\compat\\strndup.c\n\nCopyright 2015 Rainer Gerhards and Adiscon\n\nThis file is part of rsyslog.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n-or-\nsee COPYING.ASL20 in the source distribution\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n> LGPL  3.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\contrib\\imzmq3\\imzmq3.c\n\nCopyright 2012 Talksum, Inc.\n\nThis program is free software: you can redistribute it and/or\nmodify it under the terms of the GNU Lesser General Public License\nas published by the Free Software Foundation, either version 3 of\nthe License, or (at your option) any later version.\n\nThis program is distributed in the hope that it will be useful, but\nWITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU\nLesser General Public License for more details.\n\nYou should have received a copy of the GNU Lesser General Public\nLicense along with this program.  If not, see\n<http://www.gnu.org/licenses/>.\n\nAuthors:\nDavid Kelly <davidk@talksum.com>\nHongfei Cheng hongfeic@talksum.com\n\n> GPL 3.0 (WITH BISON PARSER EXCEPTION)\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\grammar\\grammar.c\n\nCopyright (C) 1984, 1989-1990, 2000-2013 Free Software Foundation, Inc.\n\nThis program is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version.\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with this program.  If not, see <http://www.gnu.org/licenses/>.\n\nAs a special exception, you may create a larger work that contains\npart or all of the Bison parser skeleton and distribute that work\nunder terms of your choice, so long as that work isn't itself a\nparser generator using the skeleton or a modified version thereof\nas a parser skeleton.  Alternatively, if you modify or redistribute\nthe parser skeleton itself, you may (at your option) remove this\nspecial exception, which will cause the skeleton and the resulting\nBison output files to be licensed under the GNU General Public\nLicense without this special exception.\n\nThis special exception was added by the Free Software Foundation in\nversion 2.2 of Bison.\n\n> MIT\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\plugins\\omelasticsearch\\cJSON\\cjson.c\n\nCopyright (c) 2009 Dave Gamble\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n> BSD 3-Clause\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\runtime\\hashtable.h\n\nCopyright (c) 2002, Christopher Clark\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n\nRedistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n\nRedistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nNeither the name of the original author; nor the names of any contributors\nmay be used to endorse or promote products derived from this software\nwithout specific prior written permission.\n\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL THE COPYRIGHT OWNER\nOR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,\nEXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,\nPROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR\nPROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF\nLIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING\nNEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS\nSOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n> GPL 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\tools\\rsyslog.conf.5\n\nThis file is part of the rsyslog  package, an enhanced system log daemon.\n\nThis program is free software; you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation; either version 2 of the License, or\n(at your option) any later version.\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with this program; if not, write to the Free Software\nFoundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111, USA.\n\n> LGPL 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\tools\\rscryutil.rst\n\nCOPYRIGHT\n=========\n\nThis page is part of the *rsyslog* project, and is available under\nLGPLv2.\n\n\n--------------- SECTION 5: Mozilla Public License, V2.0 ----------\n\nMozilla Public License, V2.0 is applicable to the following component(s).\n\n\n>>> go-sql-driver/mysql-1.2\n\nCopyright 2013 The Go-MySQL-Driver Authors. All rights reserved.\n\nThis Source Code Form is subject to the terms of the Mozilla Public\nLicense, v. 2.0. If a copy of the MPL was not distributed with this file,\nYou can obtain one at http://mozilla.org/MPL/2.0/.\n\n\n=============== APPENDIX. Standard License Files ============== \n\n\n\n--------------- SECTION 1: Mozilla Public License, V2.0 -----------\n\nMozilla Public License\nVersion 2.0\n\n1. Definitions\n\n1.1. Contributor\nmeans each individual or legal entity that creates, contributes to the creation of, or owns Covered Software.\n\n1.2. Contributor Version\nmeans the combination of the Contributions of others (if any) used by a Contributor and that particular Contributors Contribution.\n\n1.3. Contribution\nmeans Covered Software of a particular Contributor.\n\n1.4. Covered Software\nmeans Source Code Form to which the initial Contributor has attached the notice in Exhibit A, the Executable Form of such Source Code Form, and Modifications of such Source Code Form, in each case including portions thereof.\n\n1.5. Incompatible With Secondary Licenses\nmeans\n\nthat the initial Contributor has attached the notice described in Exhibit B to the Covered Software; or\n\nthat the Covered Software was made available under the terms of version 1.1 or earlier of the License, but not also under the terms of a Secondary License.\n\n1.6. Executable Form\nmeans any form of the work other than Source Code Form.\n\n1.7. Larger Work\nmeans a work that combines Covered Software with other material, in a separate file or files, that is not Covered Software.\n\n1.8. License\nmeans this document.\n\n1.9. Licensable\nmeans having the right to grant, to the maximum extent possible, whether at the time of the initial grant or subsequently, any and all of the rights conveyed by this License.\n\n1.10. Modifications\nmeans any of the following:\n\nany file in Source Code Form that results from an addition to, deletion from, or modification of the contents of Covered Software; or\n\nany new file in Source Code Form that contains any Covered Software.\n\n1.11. Patent Claims of a Contributor\nmeans any patent claim(s), including without limitation, method, process, and apparatus claims, in any patent Licensable by such Contributor that would be infringed, but for the grant of the License, by the making, using, selling, offering for sale, having made, import, or transfer of either its Contributions or its Contributor Version.\n\n1.12. Secondary License\nmeans either the GNU General Public License, Version 2.0, the GNU Lesser General Public License, Version 2.1, the GNU Affero General Public License, Version 3.0, or any later versions of those licenses.\n\n1.13. Source Code Form\nmeans the form of the work preferred for making modifications.\n\n1.14. You (or Your)\nmeans an individual or a legal entity exercising rights under this License. For legal entities, You includes any entity that controls, is controlled by, or is under common control with You. For purposes of this definition, control means (a) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (b) ownership of more than fifty percent (50%) of the outstanding shares or beneficial ownership of such entity.\n\n2. License Grants and Conditions\n\n2.1. Grants\n\nEach Contributor hereby grants You a world-wide, royalty-free, non-exclusive license:\n\nunder intellectual property rights (other than patent or trademark) Licensable by such Contributor to use, reproduce, make available, modify, display, perform, distribute, and otherwise exploit its Contributions, either on an unmodified basis, with Modifications, or as part of a Larger Work; and\n\nunder Patent Claims of such Contributor to make, use, sell, offer for sale, have made, import, and otherwise transfer either its Contributions or its Contributor Version.\n\n2.2. Effective Date\n\nThe licenses granted in Section 2.1 with respect to any Contribution become effective for each Contribution on the date the Contributor first distributes such Contribution.\n\n2.3. Limitations on Grant Scope\n\nThe licenses granted in this Section 2 are the only rights granted under this License. No additional rights or licenses will be implied from the distribution or licensing of Covered Software under this License. Notwithstanding Section 2.1(b) above, no patent license is granted by a Contributor:\n\nfor any code that a Contributor has removed from Covered Software; or\n\nfor infringements caused by: (i) Your and any other third partys modifications of Covered Software, or (ii) the combination of its Contributions with other software (except as part of its Contributor Version); or\n\nunder Patent Claims infringed by Covered Software in the absence of its Contributions.\n\nThis License does not grant any rights in the trademarks, service marks, or logos of any Contributor (except as may be necessary to comply with the notice requirements in Section 3.4).\n\n2.4. Subsequent Licenses\n\nNo Contributor makes additional grants as a result of Your choice to distribute the Covered Software under a subsequent version of this License (see Section 10.2) or under the terms of a Secondary License (if permitted under the terms of Section 3.3).\n\n2.5. Representation\n\nEach Contributor represents that the Contributor believes its Contributions are its original creation(s) or it has sufficient rights to grant the rights to its Contributions conveyed by this License.\n\n2.6. Fair Use\n\nThis License is not intended to limit any rights You have under applicable copyright doctrines of fair use, fair dealing, or other equivalents.\n\n2.7. Conditions\n\nSections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted in Section 2.1.\n\n3. Responsibilities\n\n3.1. Distribution of Source Form\n\nAll distribution of Covered Software in Source Code Form, including any Modifications that You create or to which You contribute, must be under the terms of this License. You must inform recipients that the Source Code Form of the Covered Software is governed by the terms of this License, and how they can obtain a copy of this License. You may not attempt to alter or restrict the recipients rights in the Source Code Form.\n\n3.2. Distribution of Executable Form\n\nIf You distribute Covered Software in Executable Form then:\n\nsuch Covered Software must also be made available in Source Code Form, as described in Section 3.1, and You must inform recipients of the Executable Form how they can obtain a copy of such Source Code Form by reasonable means in a timely manner, at a charge no more than the cost of distribution to the recipient; and\n\nYou may distribute such Executable Form under the terms of this License, or sublicense it under different terms, provided that the license for the Executable Form does not attempt to limit or alter the recipients rights in the Source Code Form under this License.\n\n3.3. Distribution of a Larger Work\n\nYou may create and distribute a Larger Work under terms of Your choice, provided that You also comply with the requirements of this License for the Covered Software. If the Larger Work is a combination of Covered Software with a work governed by one or more Secondary Licenses, and the Covered Software is not Incompatible With Secondary Licenses, this License permits You to additionally distribute such Covered Software under the terms of such Secondary License(s), so that the recipient of the Larger Work may, at their option, further distribute the Covered Software under the terms of either this License or such Secondary License(s).\n\n3.4. Notices\n\nYou may not remove or alter the substance of any license notices (including copyright notices, patent notices, disclaimers of warranty, or limitations of liability) contained within the Source Code Form of the Covered Software, except that You may alter any license notices to the extent required to remedy known factual inaccuracies.\n\n3.5. Application of Additional Terms\n\nYou may choose to offer, and to charge a fee for, warranty, support, indemnity or liability obligations to one or more recipients of Covered Software. However, You may do so only on Your own behalf, and not on behalf of any Contributor. You must make it absolutely clear that any such warranty, support, indemnity, or liability obligation is offered by You alone, and You hereby agree to indemnify every Contributor for any liability incurred by such Contributor as a result of warranty, support, indemnity or liability terms You offer. You may include additional disclaimers of warranty and limitations of liability specific to any jurisdiction.\n\n4. Inability to Comply Due to Statute or Regulation\n\nIf it is impossible for You to comply with any of the terms of this License with respect to some or all of the Covered Software due to statute, judicial order, or regulation then You must: (a) comply with the terms of this License to the maximum extent possible; and (b) describe the limitations and the code they affect. Such description must be placed in a text file included with all distributions of the Covered Software under this License. Except to the extent prohibited by statute or regulation, such description must be sufficiently detailed for a recipient of ordinary skill to be able to understand it.\n\n5. Termination\n\n5.1. The rights granted under this License will terminate automatically if You fail to comply with any of its terms. However, if You become compliant, then the rights granted under this License from a particular Contributor are reinstated (a) provisionally, unless and until such Contributor explicitly and finally terminates Your grants, and (b) on an ongoing basis, if such Contributor fails to notify You of the non-compliance by some reasonable means prior to 60 days after You have come back into compliance. Moreover, Your grants from a particular Contributor are reinstated on an ongoing basis if such Contributor notifies You of the non-compliance by some reasonable means, this is the first time You have received notice of non-compliance with this License from such Contributor, and You become compliant prior to 30 days after Your receipt of the notice.\n\n5.2. If You initiate litigation against any entity by asserting a patent infringement claim (excluding declaratory judgment actions, counter-claims, and cross-claims) alleging that a Contributor Version directly or indirectly infringes any patent, then the rights granted to You by any and all Contributors for the Covered Software under Section 2.1 of this License shall terminate.\n\n5.3. In the event of termination under Sections 5.1 or 5.2 above, all end user license agreements (excluding distributors and resellers) which have been validly granted by You or Your distributors under this License prior to termination shall survive termination.\n\n6. Disclaimer of Warranty\n\nCovered Software is provided under this License on an as is basis, without warranty of any kind, either expressed, implied, or statutory, including, without limitation, warranties that the Covered Software is free of defects, merchantable, fit for a particular purpose or non-infringing. The entire risk as to the quality and performance of the Covered Software is with You. Should any Covered Software prove defective in any respect, You (not any Contributor) assume the cost of any necessary servicing, repair, or correction. This disclaimer of warranty constitutes an essential part of this License. No use of any Covered Software is authorized under this License except under this disclaimer.\n\n7. Limitation of Liability\n\nUnder no circumstances and under no legal theory, whether tort (including negligence), contract, or otherwise, shall any Contributor, or anyone who distributes Covered Software as permitted above, be liable to You for any direct, indirect, special, incidental, or consequential damages of any character including, without limitation, damages for lost profits, loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses, even if such party shall have been informed of the possibility of such damages. This limitation of liability shall not apply to liability for death or personal injury resulting from such partys negligence to the extent applicable law prohibits such limitation. Some jurisdictions do not allow the exclusion or limitation of incidental or consequential damages, so this exclusion and limitation may not apply to You.\n\n8. Litigation\n\nAny litigation relating to this License may be brought only in the courts of a jurisdiction where the defendant maintains its principal place of business and such litigation shall be governed by laws of that jurisdiction, without reference to its conflict-of-law provisions. Nothing in this Section shall prevent a partys ability to bring cross-claims or counter-claims.\n\n9. Miscellaneous\n\nThis License represents the complete agreement concerning the subject matter hereof. If any provision of this License is held to be unenforceable, such provision shall be reformed only to the extent necessary to make it enforceable. Any law or regulation which provides that the language of a contract shall be construed against the drafter shall not be used to construe this License against a Contributor.\n\n10. Versions of the License\n\n10.1. New Versions\n\nMozilla Foundation is the license steward. Except as provided in Section 10.3, no one other than the license steward has the right to modify or publish new versions of this License. Each version will be given a distinguishing version number.\n\n10.2. Effect of New Versions\n\nYou may distribute the Covered Software under the terms of the version of the License under which You originally received the Covered Software, or under the terms of any subsequent version published by the license steward.\n\n10.3. Modified Versions\n\nIf you create software not governed by this License, and you want to create a new license for such software, you may create and use a modified version of this License if you rename the license and remove any references to the name of the license steward (except to note that such modified license differs from this License).\n\n10.4. Distributing Source Code Form that is Incompatible With Secondary Licenses\n\nIf You choose to distribute Source Code Form that is Incompatible With Secondary Licenses under the terms of this version of the License, the notice described in Exhibit B of this License must be attached.\n\nExhibit A - Source Code Form License Notice\n\nThis Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/.\n\nIf it is not possible or desirable to put the notice in a particular file, then You may include the notice in a location (such as a LICENSE file in a relevant directory) where a recipient would be likely to look for such a notice.\n\nYou may add additional accurate notices of copyright ownership.\n\nExhibit B - Incompatible With Secondary Licenses Notice\n\nThis Source Code Form is Incompatible With Secondary Licenses, as defined by the Mozilla Public License, v. 2.0.\n\n--------------- SECTION 2: Apache License, V2.0 -----------\n\nApache License \n\nVersion 2.0, January 2004 \nhttp://www.apache.org/licenses/ \n\nTERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION \n\n1. Definitions.\n\n\"License\" shall mean the terms and conditions for use, reproduction,\nand distribution as defined by Sections 1 through 9 of this document.\n\n\"Licensor\" shall mean the copyright owner or entity authorized by the\ncopyright owner that is granting the License.  \n\n\"Legal Entity\" shall mean the union of the acting entity and all other\nentities that control, are controlled by, or are under common control\nwith that entity. For the purposes of this definition, \"control\" means\n(i) the power, direct or indirect, to cause the direction or management\nof such entity, whether by contract or otherwise, or (ii) ownership\nof fifty percent (50%) or more of the outstanding shares, or (iii)\nbeneficial ownership of such entity.\n\n\"You\" (or \"Your\") shall mean an individual or Legal Entity exercising\npermissions granted by this License.  \n\n\"Source\" form shall mean the preferred form for making modifications,\nincluding but not limited to software source code, documentation source,\nand configuration files.\n\n\"Object\" form shall mean any form resulting from mechanical transformation\nor translation of a Source form, including but not limited to compiled\nobject code, generated documentation, and conversions to other media\ntypes.  \n\n\"Work\" shall mean the work of authorship, whether in Source or\nObject form, made available under the License, as indicated by a copyright\nnotice that is included in or attached to the work (an example is provided\nin the Appendix below).  \n\n\"Derivative Works\" shall mean any work, whether in Source or Object form,\nthat is based on (or derived from) the Work and for which the editorial\nrevisions, annotations, elaborations, or other modifications represent,\nas a whole, an original work of authorship. For the purposes of this\nLicense, Derivative Works shall not include works that remain separable\nfrom, or merely link (or bind by name) to the interfaces of, the Work\nand Derivative Works thereof.\n\n\"Contribution\" shall mean any work of authorship, including the\noriginal version of the Work and any modifications or additions to\nthat Work or Derivative Works thereof, that is intentionally submitted\nto Licensor for inclusion in the Work by the copyright owner or by an\nindividual or Legal Entity authorized to submit on behalf of the copyright\nowner. For the purposes of this definition, \"submitted\" means any form of\nelectronic, verbal, or written communication sent to the Licensor or its\nrepresentatives, including but not limited to communication on electronic\nmailing lists, source code control systems, and issue tracking systems\nthat are managed by, or on behalf of, the Licensor for the purpose of\ndiscussing and improving the Work, but excluding communication that is\nconspicuously marked or otherwise designated in writing by the copyright\nowner as \"Not a Contribution.\"\n\n\"Contributor\" shall mean Licensor and any individual or Legal Entity\non behalf of whom a Contribution has been received by Licensor and\nsubsequently incorporated within the Work.\n\n2. Grant of Copyright License.\nSubject to the terms and conditions of this License, each Contributor\nhereby grants to You a perpetual, worldwide, non-exclusive, no-charge,\nroyalty-free, irrevocable copyright license to reproduce, prepare\nDerivative Works of, publicly display, publicly perform, sublicense, and\ndistribute the Work and such Derivative Works in Source or Object form.\n\n3. Grant of Patent License.\nSubject to the terms and conditions of this License, each Contributor\nhereby grants to You a perpetual, worldwide, non-exclusive, no-charge,\nroyalty- free, irrevocable (except as stated in this section) patent\nlicense to make, have made, use, offer to sell, sell, import, and\notherwise transfer the Work, where such license applies only to those\npatent claims licensable by such Contributor that are necessarily\ninfringed by their Contribution(s) alone or by combination of\ntheir Contribution(s) with the Work to which such Contribution(s)\nwas submitted. If You institute patent litigation against any entity\n(including a cross-claim or counterclaim in a lawsuit) alleging that the\nWork or a Contribution incorporated within the Work constitutes direct\nor contributory patent infringement, then any patent licenses granted\nto You under this License for that Work shall terminate as of the date\nsuch litigation is filed.\n\n4. Redistribution.\nYou may reproduce and distribute copies of the Work or Derivative Works\nthereof in any medium, with or without modifications, and in Source or\nObject form, provided that You meet the following conditions:\n\n  a. You must give any other recipients of the Work or Derivative Works\n     a copy of this License; and\n\n  b. You must cause any modified files to carry prominent notices stating\n     that You changed the files; and\n\n  c. You must retain, in the Source form of any Derivative Works that\n     You distribute, all copyright, patent, trademark, and attribution\n     notices from the Source form of the Work, excluding those notices\n     that do not pertain to any part of the Derivative Works; and\n\n  d. If the Work includes a \"NOTICE\" text file as part of its\n     distribution, then any Derivative Works that You distribute must\n     include a readable copy of the attribution notices contained\n     within such NOTICE file, excluding those notices that do not\n     pertain to any part of the Derivative Works, in at least one of\n     the following places: within a NOTICE text file distributed as part\n     of the Derivative Works; within the Source form or documentation,\n     if provided along with the Derivative Works; or, within a display\n     generated by the Derivative Works, if and wherever such third-party\n     notices normally appear. The contents of the NOTICE file are for\n     informational purposes only and do not modify the License. You\n     may add Your own attribution notices within Derivative Works that\n     You distribute, alongside or as an addendum to the NOTICE text\n     from the Work, provided that such additional attribution notices\n     cannot be construed as modifying the License.  You may add Your own\n     copyright statement to Your modifications and may provide additional\n     or different license terms and conditions for use, reproduction, or\n     distribution of Your modifications, or for any such Derivative Works\n     as a whole, provided Your use, reproduction, and distribution of the\n     Work otherwise complies with the conditions stated in this License.\n\n5. Submission of Contributions.\nUnless You explicitly state otherwise, any Contribution intentionally\nsubmitted for inclusion in the Work by You to the Licensor shall be\nunder the terms and conditions of this License, without any additional\nterms or conditions.  Notwithstanding the above, nothing herein shall\nsupersede or modify the terms of any separate license agreement you may\nhave executed with Licensor regarding such Contributions.\n\n6. Trademarks.\nThis License does not grant permission to use the trade names, trademarks,\nservice marks, or product names of the Licensor, except as required for\nreasonable and customary use in describing the origin of the Work and\nreproducing the content of the NOTICE file.\n\n7. Disclaimer of Warranty.\nUnless required by applicable law or agreed to in writing, Licensor\nprovides the Work (and each Contributor provides its Contributions) on\nan \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either\nexpress or implied, including, without limitation, any warranties or\nconditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR\nA PARTICULAR PURPOSE. You are solely responsible for determining the\nappropriateness of using or redistributing the Work and assume any risks\nassociated with Your exercise of permissions under this License.\n\n8. Limitation of Liability.\nIn no event and under no legal theory, whether in tort (including\nnegligence), contract, or otherwise, unless required by applicable law\n(such as deliberate and grossly negligent acts) or agreed to in writing,\nshall any Contributor be liable to You for damages, including any direct,\nindirect, special, incidental, or consequential damages of any character\narising as a result of this License or out of the use or inability to\nuse the Work (including but not limited to damages for loss of goodwill,\nwork stoppage, computer failure or malfunction, or any and all other\ncommercial damages or losses), even if such Contributor has been advised\nof the possibility of such damages.\n\n9. Accepting Warranty or Additional Liability.\nWhile redistributing the Work or Derivative Works thereof, You may\nchoose to offer, and charge a fee for, acceptance of support, warranty,\nindemnity, or other liability obligations and/or rights consistent with\nthis License. However, in accepting such obligations, You may act only\non Your own behalf and on Your sole responsibility, not on behalf of\nany other Contributor, and only if You agree to indemnify, defend, and\nhold each Contributor harmless for any liability incurred by, or claims\nasserted against, such Contributor by reason of your accepting any such\nwarranty or additional liability.\n\nEND OF TERMS AND CONDITIONS \n\n\n\n--------------- SECTION 3: GNU General Public License, V3.0 -----------\n\n                    GNU GENERAL PUBLIC LICENSE\n                       Version 3, 29 June 2007\n\n Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n                            Preamble\n\n  The GNU General Public License is a free, copyleft license for\nsoftware and other kinds of works.\n\n  The licenses for most software and other practical works are designed\nto take away your freedom to share and change the works.  By contrast,\nthe GNU General Public License is intended to guarantee your freedom to\nshare and change all versions of a program--to make sure it remains free\nsoftware for all its users.  We, the Free Software Foundation, use the\nGNU General Public License for most of our software; it applies also to\nany other work released this way by its authors.  You can apply it to\nyour programs, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthem if you wish), that you receive source code or can get it if you\nwant it, that you can change the software or use pieces of it in new\nfree programs, and that you know you can do these things.\n\n  To protect your rights, we need to prevent others from denying you\nthese rights or asking you to surrender the rights.  Therefore, you have\ncertain responsibilities if you distribute copies of the software, or if\nyou modify it: responsibilities to respect the freedom of others.\n\n  For example, if you distribute copies of such a program, whether\ngratis or for a fee, you must pass on to the recipients the same\nfreedoms that you received.  You must make sure that they, too, receive\nor can get the source code.  And you must show them these terms so they\nknow their rights.\n\n  Developers that use the GNU GPL protect your rights with two steps:\n(1) assert copyright on the software, and (2) offer you this License\ngiving you legal permission to copy, distribute and/or modify it.\n\n  For the developers' and authors' protection, the GPL clearly explains\nthat there is no warranty for this free software.  For both users' and\nauthors' sake, the GPL requires that modified versions be marked as\nchanged, so that their problems will not be attributed erroneously to\nauthors of previous versions.\n\n  Some devices are designed to deny users access to install or run\nmodified versions of the software inside them, although the manufacturer\ncan do so.  This is fundamentally incompatible with the aim of\nprotecting users' freedom to change the software.  The systematic\npattern of such abuse occurs in the area of products for individuals to\nuse, which is precisely where it is most unacceptable.  Therefore, we\nhave designed this version of the GPL to prohibit the practice for those\nproducts.  If such problems arise substantially in other domains, we\nstand ready to extend this provision to those domains in future versions\nof the GPL, as needed to protect the freedom of users.\n\n  Finally, every program is threatened constantly by software patents.\nStates should not allow patents to restrict development and use of\nsoftware on general-purpose computers, but in those that do, we wish to\navoid the special danger that patents applied to a free program could\nmake it effectively proprietary.  To prevent this, the GPL assures that\npatents cannot be used to render the program non-free.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.\n\n                       TERMS AND CONDITIONS\n\n  0. Definitions.\n\n  \"This License\" refers to version 3 of the GNU General Public License.\n\n  \"Copyright\" also means copyright-like laws that apply to other kinds of\nworks, such as semiconductor masks.\n\n  \"The Program\" refers to any copyrightable work licensed under this\nLicense.  Each licensee is addressed as \"you\".  \"Licensees\" and\n\"recipients\" may be individuals or organizations.\n\n  To \"modify\" a work means to copy from or adapt all or part of the work\nin a fashion requiring copyright permission, other than the making of an\nexact copy.  The resulting work is called a \"modified version\" of the\nearlier work or a work \"based on\" the earlier work.\n\n  A \"covered work\" means either the unmodified Program or a work based\non the Program.\n\n  To \"propagate\" a work means to do anything with it that, without\npermission, would make you directly or secondarily liable for\ninfringement under applicable copyright law, except executing it on a\ncomputer or modifying a private copy.  Propagation includes copying,\ndistribution (with or without modification), making available to the\npublic, and in some countries other activities as well.\n\n  To \"convey\" a work means any kind of propagation that enables other\nparties to make or receive copies.  Mere interaction with a user through\na computer network, with no transfer of a copy, is not conveying.\n\n  An interactive user interface displays \"Appropriate Legal Notices\"\nto the extent that it includes a convenient and prominently visible\nfeature that (1) displays an appropriate copyright notice, and (2)\ntells the user that there is no warranty for the work (except to the\nextent that warranties are provided), that licensees may convey the\nwork under this License, and how to view a copy of this License.  If\nthe interface presents a list of user commands or options, such as a\nmenu, a prominent item in the list meets this criterion.\n\n  1. Source Code.\n\n  The \"source code\" for a work means the preferred form of the work\nfor making modifications to it.  \"Object code\" means any non-source\nform of a work.\n\n  A \"Standard Interface\" means an interface that either is an official\nstandard defined by a recognized standards body, or, in the case of\ninterfaces specified for a particular programming language, one that\nis widely used among developers working in that language.\n\n  The \"System Libraries\" of an executable work include anything, other\nthan the work as a whole, that (a) is included in the normal form of\npackaging a Major Component, but which is not part of that Major\nComponent, and (b) serves only to enable use of the work with that\nMajor Component, or to implement a Standard Interface for which an\nimplementation is available to the public in source code form.  A\n\"Major Component\", in this context, means a major essential component\n(kernel, window system, and so on) of the specific operating system\n(if any) on which the executable work runs, or a compiler used to\nproduce the work, or an object code interpreter used to run it.\n\n  The \"Corresponding Source\" for a work in object code form means all\nthe source code needed to generate, install, and (for an executable\nwork) run the object code and to modify the work, including scripts to\ncontrol those activities.  However, it does not include the work's\nSystem Libraries, or general-purpose tools or generally available free\nprograms which are used unmodified in performing those activities but\nwhich are not part of the work.  For example, Corresponding Source\nincludes interface definition files associated with source files for\nthe work, and the source code for shared libraries and dynamically\nlinked subprograms that the work is specifically designed to require,\nsuch as by intimate data communication or control flow between those\nsubprograms and other parts of the work.\n\n  The Corresponding Source need not include anything that users\ncan regenerate automatically from other parts of the Corresponding\nSource.\n\n  The Corresponding Source for a work in source code form is that\nsame work.\n\n  2. Basic Permissions.\n\n  All rights granted under this License are granted for the term of\ncopyright on the Program, and are irrevocable provided the stated\nconditions are met.  This License explicitly affirms your unlimited\npermission to run the unmodified Program.  The output from running a\ncovered work is covered by this License only if the output, given its\ncontent, constitutes a covered work.  This License acknowledges your\nrights of fair use or other equivalent, as provided by copyright law.\n\n  You may make, run and propagate covered works that you do not\nconvey, without conditions so long as your license otherwise remains\nin force.  You may convey covered works to others for the sole purpose\nof having them make modifications exclusively for you, or provide you\nwith facilities for running those works, provided that you comply with\nthe terms of this License in conveying all material for which you do\nnot control copyright.  Those thus making or running the covered works\nfor you must do so exclusively on your behalf, under your direction\nand control, on terms that prohibit them from making any copies of\nyour copyrighted material outside their relationship with you.\n\n  Conveying under any other circumstances is permitted solely under\nthe conditions stated below.  Sublicensing is not allowed; section 10\nmakes it unnecessary.\n\n  3. Protecting Users' Legal Rights From Anti-Circumvention Law.\n\n  No covered work shall be deemed part of an effective technological\nmeasure under any applicable law fulfilling obligations under article\n11 of the WIPO copyright treaty adopted on 20 December 1996, or\nsimilar laws prohibiting or restricting circumvention of such\nmeasures.\n\n  When you convey a covered work, you waive any legal power to forbid\ncircumvention of technological measures to the extent such circumvention\nis effected by exercising rights under this License with respect to\nthe covered work, and you disclaim any intention to limit operation or\nmodification of the work as a means of enforcing, against the work's\nusers, your or third parties' legal rights to forbid circumvention of\ntechnological measures.\n\n  4. Conveying Verbatim Copies.\n\n  You may convey verbatim copies of the Program's source code as you\nreceive it, in any medium, provided that you conspicuously and\nappropriately publish on each copy an appropriate copyright notice;\nkeep intact all notices stating that this License and any\nnon-permissive terms added in accord with section 7 apply to the code;\nkeep intact all notices of the absence of any warranty; and give all\nrecipients a copy of this License along with the Program.\n\n  You may charge any price or no price for each copy that you convey,\nand you may offer support or warranty protection for a fee.\n\n  5. Conveying Modified Source Versions.\n\n  You may convey a work based on the Program, or the modifications to\nproduce it from the Program, in the form of source code under the\nterms of section 4, provided that you also meet all of these conditions:\n\n    a) The work must carry prominent notices stating that you modified\n    it, and giving a relevant date.\n\n    b) The work must carry prominent notices stating that it is\n    released under this License and any conditions added under section\n    7.  This requirement modifies the requirement in section 4 to\n    \"keep intact all notices\".\n\n    c) You must license the entire work, as a whole, under this\n    License to anyone who comes into possession of a copy.  This\n    License will therefore apply, along with any applicable section 7\n    additional terms, to the whole of the work, and all its parts,\n    regardless of how they are packaged.  This License gives no\n    permission to license the work in any other way, but it does not\n    invalidate such permission if you have separately received it.\n\n    d) If the work has interactive user interfaces, each must display\n    Appropriate Legal Notices; however, if the Program has interactive\n    interfaces that do not display Appropriate Legal Notices, your\n    work need not make them do so.\n\n  A compilation of a covered work with other separate and independent\nworks, which are not by their nature extensions of the covered work,\nand which are not combined with it such as to form a larger program,\nin or on a volume of a storage or distribution medium, is called an\n\"aggregate\" if the compilation and its resulting copyright are not\nused to limit the access or legal rights of the compilation's users\nbeyond what the individual works permit.  Inclusion of a covered work\nin an aggregate does not cause this License to apply to the other\nparts of the aggregate.\n\n  6. Conveying Non-Source Forms.\n\n  You may convey a covered work in object code form under the terms\nof sections 4 and 5, provided that you also convey the\nmachine-readable Corresponding Source under the terms of this License,\nin one of these ways:\n\n    a) Convey the object code in, or embodied in, a physical product\n    (including a physical distribution medium), accompanied by the\n    Corresponding Source fixed on a durable physical medium\n    customarily used for software interchange.\n\n    b) Convey the object code in, or embodied in, a physical product\n    (including a physical distribution medium), accompanied by a\n    written offer, valid for at least three years and valid for as\n    long as you offer spare parts or customer support for that product\n    model, to give anyone who possesses the object code either (1) a\n    copy of the Corresponding Source for all the software in the\n    product that is covered by this License, on a durable physical\n    medium customarily used for software interchange, for a price no\n    more than your reasonable cost of physically performing this\n    conveying of source, or (2) access to copy the\n    Corresponding Source from a network server at no charge.\n\n    c) Convey individual copies of the object code with a copy of the\n    written offer to provide the Corresponding Source.  This\n    alternative is allowed only occasionally and noncommercially, and\n    only if you received the object code with such an offer, in accord\n    with subsection 6b.\n\n    d) Convey the object code by offering access from a designated\n    place (gratis or for a charge), and offer equivalent access to the\n    Corresponding Source in the same way through the same place at no\n    further charge.  You need not require recipients to copy the\n    Corresponding Source along with the object code.  If the place to\n    copy the object code is a network server, the Corresponding Source\n    may be on a different server (operated by you or a third party)\n    that supports equivalent copying facilities, provided you maintain\n    clear directions next to the object code saying where to find the\n    Corresponding Source.  Regardless of what server hosts the\n    Corresponding Source, you remain obligated to ensure that it is\n    available for as long as needed to satisfy these requirements.\n\n    e) Convey the object code using peer-to-peer transmission, provided\n    you inform other peers where the object code and Corresponding\n    Source of the work are being offered to the general public at no\n    charge under subsection 6d.\n\n  A separable portion of the object code, whose source code is excluded\nfrom the Corresponding Source as a System Library, need not be\nincluded in conveying the object code work.\n\n  A \"User Product\" is either (1) a \"consumer product\", which means any\ntangible personal property which is normally used for personal, family,\nor household purposes, or (2) anything designed or sold for incorporation\ninto a dwelling.  In determining whether a product is a consumer product,\ndoubtful cases shall be resolved in favor of coverage.  For a particular\nproduct received by a particular user, \"normally used\" refers to a\ntypical or common use of that class of product, regardless of the status\nof the particular user or of the way in which the particular user\nactually uses, or expects or is expected to use, the product.  A product\nis a consumer product regardless of whether the product has substantial\ncommercial, industrial or non-consumer uses, unless such uses represent\nthe only significant mode of use of the product.\n\n  \"Installation Information\" for a User Product means any methods,\nprocedures, authorization keys, or other information required to install\nand execute modified versions of a covered work in that User Product from\na modified version of its Corresponding Source.  The information must\nsuffice to ensure that the continued functioning of the modified object\ncode is in no case prevented or interfered with solely because\nmodification has been made.\n\n  If you convey an object code work under this section in, or with, or\nspecifically for use in, a User Product, and the conveying occurs as\npart of a transaction in which the right of possession and use of the\nUser Product is transferred to the recipient in perpetuity or for a\nfixed term (regardless of how the transaction is characterized), the\nCorresponding Source conveyed under this section must be accompanied\nby the Installation Information.  But this requirement does not apply\nif neither you nor any third party retains the ability to install\nmodified object code on the User Product (for example, the work has\nbeen installed in ROM).\n\n  The requirement to provide Installation Information does not include a\nrequirement to continue to provide support service, warranty, or updates\nfor a work that has been modified or installed by the recipient, or for\nthe User Product in which it has been modified or installed.  Access to a\nnetwork may be denied when the modification itself materially and\nadversely affects the operation of the network or violates the rules and\nprotocols for communication across the network.\n\n  Corresponding Source conveyed, and Installation Information provided,\nin accord with this section must be in a format that is publicly\ndocumented (and with an implementation available to the public in\nsource code form), and must require no special password or key for\nunpacking, reading or copying.\n\n  7. Additional Terms.\n\n  \"Additional permissions\" are terms that supplement the terms of this\nLicense by making exceptions from one or more of its conditions.\nAdditional permissions that are applicable to the entire Program shall\nbe treated as though they were included in this License, to the extent\nthat they are valid under applicable law.  If additional permissions\napply only to part of the Program, that part may be used separately\nunder those permissions, but the entire Program remains governed by\nthis License without regard to the additional permissions.\n\n  When you convey a copy of a covered work, you may at your option\nremove any additional permissions from that copy, or from any part of\nit.  (Additional permissions may be written to require their own\nremoval in certain cases when you modify the work.)  You may place\nadditional permissions on material, added by you to a covered work,\nfor which you have or can give appropriate copyright permission.\n\n  Notwithstanding any other provision of this License, for material you\nadd to a covered work, you may (if authorized by the copyright holders of\nthat material) supplement the terms of this License with terms:\n\n    a) Disclaiming warranty or limiting liability differently from the\n    terms of sections 15 and 16 of this License; or\n\n    b) Requiring preservation of specified reasonable legal notices or\n    author attributions in that material or in the Appropriate Legal\n    Notices displayed by works containing it; or\n\n    c) Prohibiting misrepresentation of the origin of that material, or\n    requiring that modified versions of such material be marked in\n    reasonable ways as different from the original version; or\n\n    d) Limiting the use for publicity purposes of names of licensors or\n    authors of the material; or\n\n    e) Declining to grant rights under trademark law for use of some\n    trade names, trademarks, or service marks; or\n\n    f) Requiring indemnification of licensors and authors of that\n    material by anyone who conveys the material (or modified versions of\n    it) with contractual assumptions of liability to the recipient, for\n    any liability that these contractual assumptions directly impose on\n    those licensors and authors.\n\n  All other non-permissive additional terms are considered \"further\nrestrictions\" within the meaning of section 10.  If the Program as you\nreceived it, or any part of it, contains a notice stating that it is\ngoverned by this License along with a term that is a further\nrestriction, you may remove that term.  If a license document contains\na further restriction but permits relicensing or conveying under this\nLicense, you may add to a covered work material governed by the terms\nof that license document, provided that the further restriction does\nnot survive such relicensing or conveying.\n\n  If you add terms to a covered work in accord with this section, you\nmust place, in the relevant source files, a statement of the\nadditional terms that apply to those files, or a notice indicating\nwhere to find the applicable terms.\n\n  Additional terms, permissive or non-permissive, may be stated in the\nform of a separately written license, or stated as exceptions;\nthe above requirements apply either way.\n\n  8. Termination.\n\n  You may not propagate or modify a covered work except as expressly\nprovided under this License.  Any attempt otherwise to propagate or\nmodify it is void, and will automatically terminate your rights under\nthis License (including any patent licenses granted under the third\nparagraph of section 11).\n\n  However, if you cease all violation of this License, then your\nlicense from a particular copyright holder is reinstated (a)\nprovisionally, unless and until the copyright holder explicitly and\nfinally terminates your license, and (b) permanently, if the copyright\nholder fails to notify you of the violation by some reasonable means\nprior to 60 days after the cessation.\n\n  Moreover, your license from a particular copyright holder is\nreinstated permanently if the copyright holder notifies you of the\nviolation by some reasonable means, this is the first time you have\nreceived notice of violation of this License (for any work) from that\ncopyright holder, and you cure the violation prior to 30 days after\nyour receipt of the notice.\n\n  Termination of your rights under this section does not terminate the\nlicenses of parties who have received copies or rights from you under\nthis License.  If your rights have been terminated and not permanently\nreinstated, you do not qualify to receive new licenses for the same\nmaterial under section 10.\n\n  9. Acceptance Not Required for Having Copies.\n\n  You are not required to accept this License in order to receive or\nrun a copy of the Program.  Ancillary propagation of a covered work\noccurring solely as a consequence of using peer-to-peer transmission\nto receive a copy likewise does not require acceptance.  However,\nnothing other than this License grants you permission to propagate or\nmodify any covered work.  These actions infringe copyright if you do\nnot accept this License.  Therefore, by modifying or propagating a\ncovered work, you indicate your acceptance of this License to do so.\n\n  10. Automatic Licensing of Downstream Recipients.\n\n  Each time you convey a covered work, the recipient automatically\nreceives a license from the original licensors, to run, modify and\npropagate that work, subject to this License.  You are not responsible\nfor enforcing compliance by third parties with this License.\n\n  An \"entity transaction\" is a transaction transferring control of an\norganization, or substantially all assets of one, or subdividing an\norganization, or merging organizations.  If propagation of a covered\nwork results from an entity transaction, each party to that\ntransaction who receives a copy of the work also receives whatever\nlicenses to the work the party's predecessor in interest had or could\ngive under the previous paragraph, plus a right to possession of the\nCorresponding Source of the work from the predecessor in interest, if\nthe predecessor has it or can get it with reasonable efforts.\n\n  You may not impose any further restrictions on the exercise of the\nrights granted or affirmed under this License.  For example, you may\nnot impose a license fee, royalty, or other charge for exercise of\nrights granted under this License, and you may not initiate litigation\n(including a cross-claim or counterclaim in a lawsuit) alleging that\nany patent claim is infringed by making, using, selling, offering for\nsale, or importing the Program or any portion of it.\n\n  11. Patents.\n\n  A \"contributor\" is a copyright holder who authorizes use under this\nLicense of the Program or a work on which the Program is based.  The\nwork thus licensed is called the contributor's \"contributor version\".\n\n  A contributor's \"essential patent claims\" are all patent claims\nowned or controlled by the contributor, whether already acquired or\nhereafter acquired, that would be infringed by some manner, permitted\nby this License, of making, using, or selling its contributor version,\nbut do not include claims that would be infringed only as a\nconsequence of further modification of the contributor version.  For\npurposes of this definition, \"control\" includes the right to grant\npatent sublicenses in a manner consistent with the requirements of\nthis License.\n\n  Each contributor grants you a non-exclusive, worldwide, royalty-free\npatent license under the contributor's essential patent claims, to\nmake, use, sell, offer for sale, import and otherwise run, modify and\npropagate the contents of its contributor version.\n\n  In the following three paragraphs, a \"patent license\" is any express\nagreement or commitment, however denominated, not to enforce a patent\n(such as an express permission to practice a patent or covenant not to\nsue for patent infringement).  To \"grant\" such a patent license to a\nparty means to make such an agreement or commitment not to enforce a\npatent against the party.\n\n  If you convey a covered work, knowingly relying on a patent license,\nand the Corresponding Source of the work is not available for anyone\nto copy, free of charge and under the terms of this License, through a\npublicly available network server or other readily accessible means,\nthen you must either (1) cause the Corresponding Source to be so\navailable, or (2) arrange to deprive yourself of the benefit of the\npatent license for this particular work, or (3) arrange, in a manner\nconsistent with the requirements of this License, to extend the patent\nlicense to downstream recipients.  \"Knowingly relying\" means you have\nactual knowledge that, but for the patent license, your conveying the\ncovered work in a country, or your recipient's use of the covered work\nin a country, would infringe one or more identifiable patents in that\ncountry that you have reason to believe are valid.\n\n  If, pursuant to or in connection with a single transaction or\narrangement, you convey, or propagate by procuring conveyance of, a\ncovered work, and grant a patent license to some of the parties\nreceiving the covered work authorizing them to use, propagate, modify\nor convey a specific copy of the covered work, then the patent license\nyou grant is automatically extended to all recipients of the covered\nwork and works based on it.\n\n  A patent license is \"discriminatory\" if it does not include within\nthe scope of its coverage, prohibits the exercise of, or is\nconditioned on the non-exercise of one or more of the rights that are\nspecifically granted under this License.  You may not convey a covered\nwork if you are a party to an arrangement with a third party that is\nin the business of distributing software, under which you make payment\nto the third party based on the extent of your activity of conveying\nthe work, and under which the third party grants, to any of the\nparties who would receive the covered work from you, a discriminatory\npatent license (a) in connection with copies of the covered work\nconveyed by you (or copies made from those copies), or (b) primarily\nfor and in connection with specific products or compilations that\ncontain the covered work, unless you entered into that arrangement,\nor that patent license was granted, prior to 28 March 2007.\n\n  Nothing in this License shall be construed as excluding or limiting\nany implied license or other defenses to infringement that may\notherwise be available to you under applicable patent law.\n\n  12. No Surrender of Others' Freedom.\n\n  If conditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot convey a\ncovered work so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you may\nnot convey it at all.  For example, if you agree to terms that obligate you\nto collect a royalty for further conveying from those to whom you convey\nthe Program, the only way you could satisfy both those terms and this\nLicense would be to refrain entirely from conveying the Program.\n\n  13. Use with the GNU Affero General Public License.\n\n  Notwithstanding any other provision of this License, you have\npermission to link or combine any covered work with a work licensed\nunder version 3 of the GNU Affero General Public License into a single\ncombined work, and to convey the resulting work.  The terms of this\nLicense will continue to apply to the part which is the covered work,\nbut the special requirements of the GNU Affero General Public License,\nsection 13, concerning interaction through a network will apply to the\ncombination as such.\n\n  14. Revised Versions of this License.\n\n  The Free Software Foundation may publish revised and/or new versions of\nthe GNU General Public License from time to time.  Such new versions will\nbe similar in spirit to the present version, but may differ in detail to\naddress new problems or concerns.\n\n  Each version is given a distinguishing version number.  If the\nProgram specifies that a certain numbered version of the GNU General\nPublic License \"or any later version\" applies to it, you have the\noption of following the terms and conditions either of that numbered\nversion or of any later version published by the Free Software\nFoundation.  If the Program does not specify a version number of the\nGNU General Public License, you may choose any version ever published\nby the Free Software Foundation.\n\n  If the Program specifies that a proxy can decide which future\nversions of the GNU General Public License can be used, that proxy's\npublic statement of acceptance of a version permanently authorizes you\nto choose that version for the Program.\n\n  Later license versions may give you additional or different\npermissions.  However, no additional obligations are imposed on any\nauthor or copyright holder as a result of your choosing to follow a\nlater version.\n\n  15. Disclaimer of Warranty.\n\n  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY\nAPPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT\nHOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM \"AS IS\" WITHOUT WARRANTY\nOF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,\nTHE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR\nPURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM\nIS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF\nALL NECESSARY SERVICING, REPAIR OR CORRECTION.\n\n  16. Limitation of Liability.\n\n  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS\nTHE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY\nGENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE\nUSE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF\nDATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD\nPARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),\nEVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGES.\n\n  17. Interpretation of Sections 15 and 16.\n\n  If the disclaimer of warranty and limitation of liability provided\nabove cannot be given local legal effect according to their terms,\nreviewing courts shall apply local law that most closely approximates\nan absolute waiver of all civil liability in connection with the\nProgram, unless a warranty or assumption of liability accompanies a\ncopy of the Program in return for a fee.\n\n                     END OF TERMS AND CONDITIONS\n\n            How to Apply These Terms to Your New Programs\n\n  If you develop a new program, and you want it to be of the greatest\npossible use to the public, the best way to achieve this is to make it\nfree software which everyone can redistribute and change under these terms.\n\n  To do so, attach the following notices to the program.  It is safest\nto attach them to the start of each source file to most effectively\nstate the exclusion of warranty; and each file should have at least\nthe \"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the program's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This program is free software: you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation, either version 3 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License\n    along with this program.  If not, see <http://www.gnu.org/licenses/>.\n\nAlso add information on how to contact you by electronic and paper mail.\n\n  If the program does terminal interaction, make it output a short\nnotice like this when it starts in an interactive mode:\n\n    <program>  Copyright (C) <year>  <name of author>\n    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.\n    This is free software, and you are welcome to redistribute it\n    under certain conditions; type `show c' for details.\n\nThe hypothetical commands `show w' and `show c' should show the appropriate\nparts of the General Public License.  Of course, your program's commands\nmight be different; for a GUI interface, you would use an \"about box\".\n\n  You should also get your employer (if you work as a programmer) or school,\nif any, to sign a \"copyright disclaimer\" for the program, if necessary.\nFor more information on this, and how to apply and follow the GNU GPL, see\n<http://www.gnu.org/licenses/>.\n\n  The GNU General Public License does not permit incorporating your program\ninto proprietary programs.  If your program is a subroutine library, you\nmay consider it more useful to permit linking proprietary applications with\nthe library.  If this is what you want to do, use the GNU Lesser General\nPublic License instead of this License.  But first, please read\n<http://www.gnu.org/philosophy/why-not-lgpl.html>.\n\n\n--------------- SECTION 4: GNU General Public License, V2.0 -----------\n\n\t\t    GNU GENERAL PUBLIC LICENSE\n\t\t       Version 2, June 1991\n\n Copyright (C) 1989, 1991 Free Software Foundation, Inc.,\n 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n\t\t\t    Preamble\n\n  The licenses for most software are designed to take away your\nfreedom to share and change it.  By contrast, the GNU General Public\nLicense is intended to guarantee your freedom to share and change free\nsoftware--to make sure the software is free for all its users.  This\nGeneral Public License applies to most of the Free Software\nFoundation's software and to any other program whose authors commit to\nusing it.  (Some other Free Software Foundation software is covered by\nthe GNU Lesser General Public License instead.)  You can apply it to\nyour programs, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthis service if you wish), that you receive source code or can get it\nif you want it, that you can change the software or use pieces of it\nin new free programs; and that you know you can do these things.\n\n  To protect your rights, we need to make restrictions that forbid\nanyone to deny you these rights or to ask you to surrender the rights.\nThese restrictions translate to certain responsibilities for you if you\ndistribute copies of the software, or if you modify it.\n\n  For example, if you distribute copies of such a program, whether\ngratis or for a fee, you must give the recipients all the rights that\nyou have.  You must make sure that they, too, receive or can get the\nsource code.  And you must show them these terms so they know their\nrights.\n\n  We protect your rights with two steps: (1) copyright the software, and\n(2) offer you this license which gives you legal permission to copy,\ndistribute and/or modify the software.\n\n  Also, for each author's protection and ours, we want to make certain\nthat everyone understands that there is no warranty for this free\nsoftware.  If the software is modified by someone else and passed on, we\nwant its recipients to know that what they have is not the original, so\nthat any problems introduced by others will not reflect on the original\nauthors' reputations.\n\n  Finally, any free program is threatened constantly by software\npatents.  We wish to avoid the danger that redistributors of a free\nprogram will individually obtain patent licenses, in effect making the\nprogram proprietary.  To prevent this, we have made it clear that any\npatent must be licensed for everyone's free use or not licensed at all.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.\n\n\t\t    GNU GENERAL PUBLIC LICENSE\n   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION\n\n  0. This License applies to any program or other work which contains\na notice placed by the copyright holder saying it may be distributed\nunder the terms of this General Public License.  The \"Program\", below,\nrefers to any such program or work, and a \"work based on the Program\"\nmeans either the Program or any derivative work under copyright law:\nthat is to say, a work containing the Program or a portion of it,\neither verbatim or with modifications and/or translated into another\nlanguage.  (Hereinafter, translation is included without limitation in\nthe term \"modification\".)  Each licensee is addressed as \"you\".\n\nActivities other than copying, distribution and modification are not\ncovered by this License; they are outside its scope.  The act of\nrunning the Program is not restricted, and the output from the Program\nis covered only if its contents constitute a work based on the\nProgram (independent of having been made by running the Program).\nWhether that is true depends on what the Program does.\n\n  1. You may copy and distribute verbatim copies of the Program's\nsource code as you receive it, in any medium, provided that you\nconspicuously and appropriately publish on each copy an appropriate\ncopyright notice and disclaimer of warranty; keep intact all the\nnotices that refer to this License and to the absence of any warranty;\nand give any other recipients of the Program a copy of this License\nalong with the Program.\n\nYou may charge a fee for the physical act of transferring a copy, and\nyou may at your option offer warranty protection in exchange for a fee.\n\n  2. You may modify your copy or copies of the Program or any portion\nof it, thus forming a work based on the Program, and copy and\ndistribute such modifications or work under the terms of Section 1\nabove, provided that you also meet all of these conditions:\n\n    a) You must cause the modified files to carry prominent notices\n    stating that you changed the files and the date of any change.\n\n    b) You must cause any work that you distribute or publish, that in\n    whole or in part contains or is derived from the Program or any\n    part thereof, to be licensed as a whole at no charge to all third\n    parties under the terms of this License.\n\n    c) If the modified program normally reads commands interactively\n    when run, you must cause it, when started running for such\n    interactive use in the most ordinary way, to print or display an\n    announcement including an appropriate copyright notice and a\n    notice that there is no warranty (or else, saying that you provide\n    a warranty) and that users may redistribute the program under\n    these conditions, and telling the user how to view a copy of this\n    License.  (Exception: if the Program itself is interactive but\n    does not normally print such an announcement, your work based on\n    the Program is not required to print an announcement.)\n\nThese requirements apply to the modified work as a whole.  If\nidentifiable sections of that work are not derived from the Program,\nand can be reasonably considered independent and separate works in\nthemselves, then this License, and its terms, do not apply to those\nsections when you distribute them as separate works.  But when you\ndistribute the same sections as part of a whole which is a work based\non the Program, the distribution of the whole must be on the terms of\nthis License, whose permissions for other licensees extend to the\nentire whole, and thus to each and every part regardless of who wrote it.\n\nThus, it is not the intent of this section to claim rights or contest\nyour rights to work written entirely by you; rather, the intent is to\nexercise the right to control the distribution of derivative or\ncollective works based on the Program.\n\nIn addition, mere aggregation of another work not based on the Program\nwith the Program (or with a work based on the Program) on a volume of\na storage or distribution medium does not bring the other work under\nthe scope of this License.\n\n  3. You may copy and distribute the Program (or a work based on it,\nunder Section 2) in object code or executable form under the terms of\nSections 1 and 2 above provided that you also do one of the following:\n\n    a) Accompany it with the complete corresponding machine-readable\n    source code, which must be distributed under the terms of Sections\n    1 and 2 above on a medium customarily used for software interchange; or,\n\n    b) Accompany it with a written offer, valid for at least three\n    years, to give any third party, for a charge no more than your\n    cost of physically performing source distribution, a complete\n    machine-readable copy of the corresponding source code, to be\n    distributed under the terms of Sections 1 and 2 above on a medium\n    customarily used for software interchange; or,\n\n    c) Accompany it with the information you received as to the offer\n    to distribute corresponding source code.  (This alternative is\n    allowed only for noncommercial distribution and only if you\n    received the program in object code or executable form with such\n    an offer, in accord with Subsection b above.)\n\nThe source code for a work means the preferred form of the work for\nmaking modifications to it.  For an executable work, complete source\ncode means all the source code for all modules it contains, plus any\nassociated interface definition files, plus the scripts used to\ncontrol compilation and installation of the executable.  However, as a\nspecial exception, the source code distributed need not include\nanything that is normally distributed (in either source or binary\nform) with the major components (compiler, kernel, and so on) of the\noperating system on which the executable runs, unless that component\nitself accompanies the executable.\n\nIf distribution of executable or object code is made by offering\naccess to copy from a designated place, then offering equivalent\naccess to copy the source code from the same place counts as\ndistribution of the source code, even though third parties are not\ncompelled to copy the source along with the object code.\n\n  4. You may not copy, modify, sublicense, or distribute the Program\nexcept as expressly provided under this License.  Any attempt\notherwise to copy, modify, sublicense or distribute the Program is\nvoid, and will automatically terminate your rights under this License.\nHowever, parties who have received copies, or rights, from you under\nthis License will not have their licenses terminated so long as such\nparties remain in full compliance.\n\n  5. You are not required to accept this License, since you have not\nsigned it.  However, nothing else grants you permission to modify or\ndistribute the Program or its derivative works.  These actions are\nprohibited by law if you do not accept this License.  Therefore, by\nmodifying or distributing the Program (or any work based on the\nProgram), you indicate your acceptance of this License to do so, and\nall its terms and conditions for copying, distributing or modifying\nthe Program or works based on it.\n\n  6. Each time you redistribute the Program (or any work based on the\nProgram), the recipient automatically receives a license from the\noriginal licensor to copy, distribute or modify the Program subject to\nthese terms and conditions.  You may not impose any further\nrestrictions on the recipients' exercise of the rights granted herein.\nYou are not responsible for enforcing compliance by third parties to\nthis License.\n\n  7. If, as a consequence of a court judgment or allegation of patent\ninfringement or for any other reason (not limited to patent issues),\nconditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot\ndistribute so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you\nmay not distribute the Program at all.  For example, if a patent\nlicense would not permit royalty-free redistribution of the Program by\nall those who receive copies directly or indirectly through you, then\nthe only way you could satisfy both it and this License would be to\nrefrain entirely from distribution of the Program.\n\nIf any portion of this section is held invalid or unenforceable under\nany particular circumstance, the balance of the section is intended to\napply and the section as a whole is intended to apply in other\ncircumstances.\n\nIt is not the purpose of this section to induce you to infringe any\npatents or other property right claims or to contest validity of any\nsuch claims; this section has the sole purpose of protecting the\nintegrity of the free software distribution system, which is\nimplemented by public license practices.  Many people have made\ngenerous contributions to the wide range of software distributed\nthrough that system in reliance on consistent application of that\nsystem; it is up to the author/donor to decide if he or she is willing\nto distribute software through any other system and a licensee cannot\nimpose that choice.\n\nThis section is intended to make thoroughly clear what is believed to\nbe a consequence of the rest of this License.\n\n  8. If the distribution and/or use of the Program is restricted in\ncertain countries either by patents or by copyrighted interfaces, the\noriginal copyright holder who places the Program under this License\nmay add an explicit geographical distribution limitation excluding\nthose countries, so that distribution is permitted only in or among\ncountries not thus excluded.  In such case, this License incorporates\nthe limitation as if written in the body of this License.\n\n  9. The Free Software Foundation may publish revised and/or new versions\nof the General Public License from time to time.  Such new versions will\nbe similar in spirit to the present version, but may differ in detail to\naddress new problems or concerns.\n\nEach version is given a distinguishing version number.  If the Program\nspecifies a version number of this License which applies to it and \"any\nlater version\", you have the option of following the terms and conditions\neither of that version or of any later version published by the Free\nSoftware Foundation.  If the Program does not specify a version number of\nthis License, you may choose any version ever published by the Free Software\nFoundation.\n\n  10. If you wish to incorporate parts of the Program into other free\nprograms whose distribution conditions are different, write to the author\nto ask for permission.  For software which is copyrighted by the Free\nSoftware Foundation, write to the Free Software Foundation; we sometimes\nmake exceptions for this.  Our decision will be guided by the two goals\nof preserving the free status of all derivatives of our free software and\nof promoting the sharing and reuse of software generally.\n\n\t\t\t    NO WARRANTY\n\n  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY\nFOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN\nOTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES\nPROVIDE THE PROGRAM \"AS IS\" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED\nOR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS\nTO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE\nPROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,\nREPAIR OR CORRECTION.\n\n  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR\nREDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,\nINCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING\nOUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED\nTO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY\nYOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER\nPROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE\nPOSSIBILITY OF SUCH DAMAGES.\n\n\t\t     END OF TERMS AND CONDITIONS\n\n\t    How to Apply These Terms to Your New Programs\n\n  If you develop a new program, and you want it to be of the greatest\npossible use to the public, the best way to achieve this is to make it\nfree software which everyone can redistribute and change under these terms.\n\n  To do so, attach the following notices to the program.  It is safest\nto attach them to the start of each source file to most effectively\nconvey the exclusion of warranty; and each file should have at least\nthe \"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the program's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This program is free software; you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation; either version 2 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License along\n    with this program; if not, write to the Free Software Foundation, Inc.,\n    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.\n\nAlso add information on how to contact you by electronic and paper mail.\n\nIf the program is interactive, make it output a short notice like this\nwhen it starts in an interactive mode:\n\n    Gnomovision version 69, Copyright (C) year name of author\n    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.\n    This is free software, and you are welcome to redistribute it\n    under certain conditions; type `show c' for details.\n\nThe hypothetical commands `show w' and `show c' should show the appropriate\nparts of the General Public License.  Of course, the commands you use may\nbe called something other than `show w' and `show c'; they could even be\nmouse-clicks or menu items--whatever suits your program.\n\nYou should also get your employer (if you work as a programmer) or your\nschool, if any, to sign a \"copyright disclaimer\" for the program, if\nnecessary.  Here is a sample; alter the names:\n\n  Yoyodyne, Inc., hereby disclaims all copyright interest in the program\n  `Gnomovision' (which makes passes at compilers) written by James Hacker.\n\n  <signature of Ty Coon>, 1 April 1989\n  Ty Coon, President of Vice\n\nThis General Public License does not permit incorporating your program into\nproprietary programs.  If your program is a subroutine library, you may\nconsider it more useful to permit linking proprietary applications with the\nlibrary.  If this is what you want to do, use the GNU Lesser General\nPublic License instead of this License.\n\n\n--------------- SECTION 5: GNU Library General Public License, V2.0 -----------\n\n\t\t  GNU LIBRARY GENERAL PUBLIC LICENSE\n\t\t       Version 2, June 1991\n\n Copyright (C) 1991 Free Software Foundation, Inc.\n 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n[This is the first released version of the library GPL.  It is\n numbered 2 because it goes with version 2 of the ordinary GPL.]\n\n\t\t\t    Preamble\n\n  The licenses for most software are designed to take away your\nfreedom to share and change it.  By contrast, the GNU General Public\nLicenses are intended to guarantee your freedom to share and change\nfree software--to make sure the software is free for all its users.\n\n  This license, the Library General Public License, applies to some\nspecially designated Free Software Foundation software, and to any\nother libraries whose authors decide to use it.  You can use it for\nyour libraries, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthis service if you wish), that you receive source code or can get it\nif you want it, that you can change the software or use pieces of it\nin new free programs; and that you know you can do these things.\n\n  To protect your rights, we need to make restrictions that forbid\nanyone to deny you these rights or to ask you to surrender the rights.\nThese restrictions translate to certain responsibilities for you if\nyou distribute copies of the library, or if you modify it.\n\n  For example, if you distribute copies of the library, whether gratis\nor for a fee, you must give the recipients all the rights that we gave\nyou.  You must make sure that they, too, receive or can get the source\ncode.  If you link a program with the library, you must provide\ncomplete object files to the recipients so that they can relink them\nwith the library, after making changes to the library and recompiling\nit.  And you must show them these terms so they know their rights.\n\n  Our method of protecting your rights has two steps: (1) copyright\nthe library, and (2) offer you this license which gives you legal\npermission to copy, distribute and/or modify the library.\n\n  Also, for each distributor's protection, we want to make certain\nthat everyone understands that there is no warranty for this free\nlibrary.  If the library is modified by someone else and passed on, we\nwant its recipients to know that what they have is not the original\nversion, so that any problems introduced by others will not reflect on\nthe original authors' reputations.\n\n  Finally, any free program is threatened constantly by software\npatents.  We wish to avoid the danger that companies distributing free\nsoftware will individually obtain patent licenses, thus in effect\ntransforming the program into proprietary software.  To prevent this,\nwe have made it clear that any patent must be licensed for everyone's\nfree use or not licensed at all.\n\n  Most GNU software, including some libraries, is covered by the ordinary\nGNU General Public License, which was designed for utility programs.  This\nlicense, the GNU Library General Public License, applies to certain\ndesignated libraries.  This license is quite different from the ordinary\none; be sure to read it in full, and don't assume that anything in it is\nthe same as in the ordinary license.\n\n  The reason we have a separate public license for some libraries is that\nthey blur the distinction we usually make between modifying or adding to a\nprogram and simply using it.  Linking a program with a library, without\nchanging the library, is in some sense simply using the library, and is\nanalogous to running a utility program or application program.  However, in\na textual and legal sense, the linked executable is a combined work, a\nderivative of the original library, and the ordinary General Public License\ntreats it as such.\n\n  Because of this blurred distinction, using the ordinary General\nPublic License for libraries did not effectively promote software\nsharing, because most developers did not use the libraries.  We\nconcluded that weaker conditions might promote sharing better.\n\n  However, unrestricted linking of non-free programs would deprive the\nusers of those programs of all benefit from the free status of the\nlibraries themselves.  This Library General Public License is intended to\npermit developers of non-free programs to use free libraries, while\npreserving your freedom as a user of such programs to change the free\nlibraries that are incorporated in them.  (We have not seen how to achieve\nthis as regards changes in header files, but we have achieved it as regards\nchanges in the actual functions of the Library.)  The hope is that this\nwill lead to faster development of free libraries.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.  Pay close attention to the difference between a\n\"work based on the library\" and a \"work that uses the library\".  The\nformer contains code derived from the library, while the latter only\nworks together with the library.\n\n  Note that it is possible for a library to be covered by the ordinary\nGeneral Public License rather than by this special one.\n\n\t\t  GNU LIBRARY GENERAL PUBLIC LICENSE\n   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION\n\n  0. This License Agreement applies to any software library which\ncontains a notice placed by the copyright holder or other authorized\nparty saying it may be distributed under the terms of this Library\nGeneral Public License (also called \"this License\").  Each licensee is\naddressed as \"you\".\n\n  A \"library\" means a collection of software functions and/or data\nprepared so as to be conveniently linked with application programs\n(which use some of those functions and data) to form executables.\n\n  The \"Library\", below, refers to any such software library or work\nwhich has been distributed under these terms.  A \"work based on the\nLibrary\" means either the Library or any derivative work under\ncopyright law: that is to say, a work containing the Library or a\nportion of it, either verbatim or with modifications and/or translated\nstraightforwardly into another language.  (Hereinafter, translation is\nincluded without limitation in the term \"modification\".)\n\n  \"Source code\" for a work means the preferred form of the work for\nmaking modifications to it.  For a library, complete source code means\nall the source code for all modules it contains, plus any associated\ninterface definition files, plus the scripts used to control compilation\nand installation of the library.\n\n  Activities other than copying, distribution and modification are not\ncovered by this License; they are outside its scope.  The act of\nrunning a program using the Library is not restricted, and output from\nsuch a program is covered only if its contents constitute a work based\non the Library (independent of the use of the Library in a tool for\nwriting it).  Whether that is true depends on what the Library does\nand what the program that uses the Library does.\n  \n  1. You may copy and distribute verbatim copies of the Library's\ncomplete source code as you receive it, in any medium, provided that\nyou conspicuously and appropriately publish on each copy an\nappropriate copyright notice and disclaimer of warranty; keep intact\nall the notices that refer to this License and to the absence of any\nwarranty; and distribute a copy of this License along with the\nLibrary.\n\n  You may charge a fee for the physical act of transferring a copy,\nand you may at your option offer warranty protection in exchange for a\nfee.\n\n  2. You may modify your copy or copies of the Library or any portion\nof it, thus forming a work based on the Library, and copy and\ndistribute such modifications or work under the terms of Section 1\nabove, provided that you also meet all of these conditions:\n\n    a) The modified work must itself be a software library.\n\n    b) You must cause the files modified to carry prominent notices\n    stating that you changed the files and the date of any change.\n\n    c) You must cause the whole of the work to be licensed at no\n    charge to all third parties under the terms of this License.\n\n    d) If a facility in the modified Library refers to a function or a\n    table of data to be supplied by an application program that uses\n    the facility, other than as an argument passed when the facility\n    is invoked, then you must make a good faith effort to ensure that,\n    in the event an application does not supply such function or\n    table, the facility still operates, and performs whatever part of\n    its purpose remains meaningful.\n\n    (For example, a function in a library to compute square roots has\n    a purpose that is entirely well-defined independent of the\n    application.  Therefore, Subsection 2d requires that any\n    application-supplied function or table used by this function must\n    be optional: if the application does not supply it, the square\n    root function must still compute square roots.)\n\nThese requirements apply to the modified work as a whole.  If\nidentifiable sections of that work are not derived from the Library,\nand can be reasonably considered independent and separate works in\nthemselves, then this License, and its terms, do not apply to those\nsections when you distribute them as separate works.  But when you\ndistribute the same sections as part of a whole which is a work based\non the Library, the distribution of the whole must be on the terms of\nthis License, whose permissions for other licensees extend to the\nentire whole, and thus to each and every part regardless of who wrote\nit.\n\nThus, it is not the intent of this section to claim rights or contest\nyour rights to work written entirely by you; rather, the intent is to\nexercise the right to control the distribution of derivative or\ncollective works based on the Library.\n\nIn addition, mere aggregation of another work not based on the Library\nwith the Library (or with a work based on the Library) on a volume of\na storage or distribution medium does not bring the other work under\nthe scope of this License.\n\n  3. You may opt to apply the terms of the ordinary GNU General Public\nLicense instead of this License to a given copy of the Library.  To do\nthis, you must alter all the notices that refer to this License, so\nthat they refer to the ordinary GNU General Public License, version 2,\ninstead of to this License.  (If a newer version than version 2 of the\nordinary GNU General Public License has appeared, then you can specify\nthat version instead if you wish.)  Do not make any other change in\nthese notices.\n\n  Once this change is made in a given copy, it is irreversible for\nthat copy, so the ordinary GNU General Public License applies to all\nsubsequent copies and derivative works made from that copy.\n\n  This option is useful when you wish to copy part of the code of\nthe Library into a program that is not a library.\n\n  4. You may copy and distribute the Library (or a portion or\nderivative of it, under Section 2) in object code or executable form\nunder the terms of Sections 1 and 2 above provided that you accompany\nit with the complete corresponding machine-readable source code, which\nmust be distributed under the terms of Sections 1 and 2 above on a\nmedium customarily used for software interchange.\n\n  If distribution of object code is made by offering access to copy\nfrom a designated place, then offering equivalent access to copy the\nsource code from the same place satisfies the requirement to\ndistribute the source code, even though third parties are not\ncompelled to copy the source along with the object code.\n\n  5. A program that contains no derivative of any portion of the\nLibrary, but is designed to work with the Library by being compiled or\nlinked with it, is called a \"work that uses the Library\".  Such a\nwork, in isolation, is not a derivative work of the Library, and\ntherefore falls outside the scope of this License.\n\n  However, linking a \"work that uses the Library\" with the Library\ncreates an executable that is a derivative of the Library (because it\ncontains portions of the Library), rather than a \"work that uses the\nlibrary\".  The executable is therefore covered by this License.\nSection 6 states terms for distribution of such executables.\n\n  When a \"work that uses the Library\" uses material from a header file\nthat is part of the Library, the object code for the work may be a\nderivative work of the Library even though the source code is not.\nWhether this is true is especially significant if the work can be\nlinked without the Library, or if the work is itself a library.  The\nthreshold for this to be true is not precisely defined by law.\n\n  If such an object file uses only numerical parameters, data\nstructure layouts and accessors, and small macros and small inline\nfunctions (ten lines or less in length), then the use of the object\nfile is unrestricted, regardless of whether it is legally a derivative\nwork.  (Executables containing this object code plus portions of the\nLibrary will still fall under Section 6.)\n\n  Otherwise, if the work is a derivative of the Library, you may\ndistribute the object code for the work under the terms of Section 6.\nAny executables containing that work also fall under Section 6,\nwhether or not they are linked directly with the Library itself.\n\n  6. As an exception to the Sections above, you may also compile or\nlink a \"work that uses the Library\" with the Library to produce a\nwork containing portions of the Library, and distribute that work\nunder terms of your choice, provided that the terms permit\nmodification of the work for the customer's own use and reverse\nengineering for debugging such modifications.\n\n  You must give prominent notice with each copy of the work that the\nLibrary is used in it and that the Library and its use are covered by\nthis License.  You must supply a copy of this License.  If the work\nduring execution displays copyright notices, you must include the\ncopyright notice for the Library among them, as well as a reference\ndirecting the user to the copy of this License.  Also, you must do one\nof these things:\n\n    a) Accompany the work with the complete corresponding\n    machine-readable source code for the Library including whatever\n    changes were used in the work (which must be distributed under\n    Sections 1 and 2 above); and, if the work is an executable linked\n    with the Library, with the complete machine-readable \"work that\n    uses the Library\", as object code and/or source code, so that the\n    user can modify the Library and then relink to produce a modified\n    executable containing the modified Library.  (It is understood\n    that the user who changes the contents of definitions files in the\n    Library will not necessarily be able to recompile the application\n    to use the modified definitions.)\n\n    b) Accompany the work with a written offer, valid for at\n    least three years, to give the same user the materials\n    specified in Subsection 6a, above, for a charge no more\n    than the cost of performing this distribution.\n\n    c) If distribution of the work is made by offering access to copy\n    from a designated place, offer equivalent access to copy the above\n    specified materials from the same place.\n\n    d) Verify that the user has already received a copy of these\n    materials or that you have already sent this user a copy.\n\n  For an executable, the required form of the \"work that uses the\nLibrary\" must include any data and utility programs needed for\nreproducing the executable from it.  However, as a special exception,\nthe source code distributed need not include anything that is normally\ndistributed (in either source or binary form) with the major\ncomponents (compiler, kernel, and so on) of the operating system on\nwhich the executable runs, unless that component itself accompanies\nthe executable.\n\n  It may happen that this requirement contradicts the license\nrestrictions of other proprietary libraries that do not normally\naccompany the operating system.  Such a contradiction means you cannot\nuse both them and the Library together in an executable that you\ndistribute.\n\n  7. You may place library facilities that are a work based on the\nLibrary side-by-side in a single library together with other library\nfacilities not covered by this License, and distribute such a combined\nlibrary, provided that the separate distribution of the work based on\nthe Library and of the other library facilities is otherwise\npermitted, and provided that you do these two things:\n\n    a) Accompany the combined library with a copy of the same work\n    based on the Library, uncombined with any other library\n    facilities.  This must be distributed under the terms of the\n    Sections above.\n\n    b) Give prominent notice with the combined library of the fact\n    that part of it is a work based on the Library, and explaining\n    where to find the accompanying uncombined form of the same work.\n\n  8. You may not copy, modify, sublicense, link with, or distribute\nthe Library except as expressly provided under this License.  Any\nattempt otherwise to copy, modify, sublicense, link with, or\ndistribute the Library is void, and will automatically terminate your\nrights under this License.  However, parties who have received copies,\nor rights, from you under this License will not have their licenses\nterminated so long as such parties remain in full compliance.\n\n  9. You are not required to accept this License, since you have not\nsigned it.  However, nothing else grants you permission to modify or\ndistribute the Library or its derivative works.  These actions are\nprohibited by law if you do not accept this License.  Therefore, by\nmodifying or distributing the Library (or any work based on the\nLibrary), you indicate your acceptance of this License to do so, and\nall its terms and conditions for copying, distributing or modifying\nthe Library or works based on it.\n\n  10. Each time you redistribute the Library (or any work based on the\nLibrary), the recipient automatically receives a license from the\noriginal licensor to copy, distribute, link with or modify the Library\nsubject to these terms and conditions.  You may not impose any further\nrestrictions on the recipients' exercise of the rights granted herein.\nYou are not responsible for enforcing compliance by third parties to\nthis License.\n\n  11. If, as a consequence of a court judgment or allegation of patent\ninfringement or for any other reason (not limited to patent issues),\nconditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot\ndistribute so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you\nmay not distribute the Library at all.  For example, if a patent\nlicense would not permit royalty-free redistribution of the Library by\nall those who receive copies directly or indirectly through you, then\nthe only way you could satisfy both it and this License would be to\nrefrain entirely from distribution of the Library.\n\nIf any portion of this section is held invalid or unenforceable under any\nparticular circumstance, the balance of the section is intended to apply,\nand the section as a whole is intended to apply in other circumstances.\n\nIt is not the purpose of this section to induce you to infringe any\npatents or other property right claims or to contest validity of any\nsuch claims; this section has the sole purpose of protecting the\nintegrity of the free software distribution system which is\nimplemented by public license practices.  Many people have made\ngenerous contributions to the wide range of software distributed\nthrough that system in reliance on consistent application of that\nsystem; it is up to the author/donor to decide if he or she is willing\nto distribute software through any other system and a licensee cannot\nimpose that choice.\n\nThis section is intended to make thoroughly clear what is believed to\nbe a consequence of the rest of this License.\n\n  12. If the distribution and/or use of the Library is restricted in\ncertain countries either by patents or by copyrighted interfaces, the\noriginal copyright holder who places the Library under this License may add\nan explicit geographical distribution limitation excluding those countries,\nso that distribution is permitted only in or among countries not thus\nexcluded.  In such case, this License incorporates the limitation as if\nwritten in the body of this License.\n\n  13. The Free Software Foundation may publish revised and/or new\nversions of the Library General Public License from time to time.\nSuch new versions will be similar in spirit to the present version,\nbut may differ in detail to address new problems or concerns.\n\nEach version is given a distinguishing version number.  If the Library\nspecifies a version number of this License which applies to it and\n\"any later version\", you have the option of following the terms and\nconditions either of that version or of any later version published by\nthe Free Software Foundation.  If the Library does not specify a\nlicense version number, you may choose any version ever published by\nthe Free Software Foundation.\n\n  14. If you wish to incorporate parts of the Library into other free\nprograms whose distribution conditions are incompatible with these,\nwrite to the author to ask for permission.  For software which is\ncopyrighted by the Free Software Foundation, write to the Free\nSoftware Foundation; we sometimes make exceptions for this.  Our\ndecision will be guided by the two goals of preserving the free status\nof all derivatives of our free software and of promoting the sharing\nand reuse of software generally.\n\n\t\t\t    NO WARRANTY\n\n  15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO\nWARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.\nEXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR\nOTHER PARTIES PROVIDE THE LIBRARY \"AS IS\" WITHOUT WARRANTY OF ANY\nKIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR\nPURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE\nLIBRARY IS WITH YOU.  SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME\nTHE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.\n\n  16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN\nWRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY\nAND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU\nFOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR\nCONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE\nLIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING\nRENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A\nFAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF\nSUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH\nDAMAGES.\n\n\t\t     END OF TERMS AND CONDITIONS\n\n           How to Apply These Terms to Your New Libraries\n\n  If you develop a new library, and you want it to be of the greatest\npossible use to the public, we recommend making it free software that\neveryone can redistribute and change.  You can do so by permitting\nredistribution under these terms (or, alternatively, under the terms of the\nordinary General Public License).\n\n  To apply these terms, attach the following notices to the library.  It is\nsafest to attach them to the start of each source file to most effectively\nconvey the exclusion of warranty; and each file should have at least the\n\"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the library's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This library is free software; you can redistribute it and/or\n    modify it under the terms of the GNU Library General Public\n    License as published by the Free Software Foundation; either\n    version 2 of the License, or (at your option) any later version.\n\n    This library is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU\n    Library General Public License for more details.\n\n    You should have received a copy of the GNU Library General Public\n    License along with this library; if not, write to the Free\n    Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA\n\nAlso add information on how to contact you by electronic and paper mail.\n\nYou should also get your employer (if you work as a programmer) or your\nschool, if any, to sign a \"copyright disclaimer\" for the library, if\nnecessary.  Here is a sample; alter the names:\n\n  Yoyodyne, Inc., hereby disclaims all copyright interest in the\n  library `Frob' (a library for tweaking knobs) written by James Random Hacker.\n\n  <signature of Ty Coon>, 1 April 1990\n  Ty Coon, President of Vice\n\nThat's all there is to it!\n\n\n--------------- SECTION 6: GNU Lesser General Public License, V3.0 ----------- \n\n\t\t   GNU LESSER GENERAL PUBLIC LICENSE\n                       Version 3, 29 June 2007\n\n Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n\n  This version of the GNU Lesser General Public License incorporates\nthe terms and conditions of version 3 of the GNU General Public\nLicense, supplemented by the additional permissions listed below.\n\n  0. Additional Definitions.\n\n  As used herein, \"this License\" refers to version 3 of the GNU Lesser\nGeneral Public License, and the \"GNU GPL\" refers to version 3 of the GNU\nGeneral Public License.\n\n  \"The Library\" refers to a covered work governed by this License,\nother than an Application or a Combined Work as defined below.\n\n  An \"Application\" is any work that makes use of an interface provided\nby the Library, but which is not otherwise based on the Library.\nDefining a subclass of a class defined by the Library is deemed a mode\nof using an interface provided by the Library.\n\n  A \"Combined Work\" is a work produced by combining or linking an\nApplication with the Library.  The particular version of the Library\nwith which the Combined Work was made is also called the \"Linked\nVersion\".\n\n  The \"Minimal Corresponding Source\" for a Combined Work means the\nCorresponding Source for the Combined Work, excluding any source code\nfor portions of the Combined Work that, considered in isolation, are\nbased on the Application, and not on the Linked Version.\n\n  The \"Corresponding Application Code\" for a Combined Work means the\nobject code and/or source code for the Application, including any data\nand utility programs needed for reproducing the Combined Work from the\nApplication, but excluding the System Libraries of the Combined Work.\n\n  1. Exception to Section 3 of the GNU GPL.\n\n  You may convey a covered work under sections 3 and 4 of this License\nwithout being bound by section 3 of the GNU GPL.\n\n  2. Conveying Modified Versions.\n\n  If you modify a copy of the Library, and, in your modifications, a\nfacility refers to a function or data to be supplied by an Application\nthat uses the facility (other than as an argument passed when the\nfacility is invoked), then you may convey a copy of the modified\nversion:\n\n   a) under this License, provided that you make a good faith effort to\n   ensure that, in the event an Application does not supply the\n   function or data, the facility still operates, and performs\n   whatever part of its purpose remains meaningful, or\n\n   b) under the GNU GPL, with none of the additional permissions of\n   this License applicable to that copy.\n\n  3. Object Code Incorporating Material from Library Header Files.\n\n  The object code form of an Application may incorporate material from\na header file that is part of the Library.  You may convey such object\ncode under terms of your choice, provided that, if the incorporated\nmaterial is not limited to numerical parameters, data structure\nlayouts and accessors, or small macros, inline functions and templates\n(ten or fewer lines in length), you do both of the following:\n\n   a) Give prominent notice with each copy of the object code that the\n   Library is used in it and that the Library and its use are\n   covered by this License.\n\n   b) Accompany the object code with a copy of the GNU GPL and this license\n   document.\n\n  4. Combined Works.\n\n  You may convey a Combined Work under terms of your choice that,\ntaken together, effectively do not restrict modification of the\nportions of the Library contained in the Combined Work and reverse\nengineering for debugging such modifications, if you also do each of\nthe following:\n\n   a) Give prominent notice with each copy of the Combined Work that\n   the Library is used in it and that the Library and its use are\n   covered by this License.\n\n   b) Accompany the Combined Work with a copy of the GNU GPL and this license\n   document.\n\n   c) For a Combined Work that displays copyright notices during\n   execution, include the copyright notice for the Library among\n   these notices, as well as a reference directing the user to the\n   copies of the GNU GPL and this license document.\n\n   d) Do one of the following:\n\n       0) Convey the Minimal Corresponding Source under the terms of this\n       License, and the Corresponding Application Code in a form\n       suitable for, and under terms that permit, the user to\n       recombine or relink the Application with a modified version of\n       the Linked Version to produce a modified Combined Work, in the\n       manner specified by section 6 of the GNU GPL for conveying\n       Corresponding Source.\n\n       1) Use a suitable shared library mechanism for linking with the\n       Library.  A suitable mechanism is one that (a) uses at run time\n       a copy of the Library already present on the user's computer\n       system, and (b) will operate properly with a modified version\n       of the Library that is interface-compatible with the Linked\n       Version.\n\n   e) Provide Installation Information, but only if you would otherwise\n   be required to provide such information under section 6 of the\n   GNU GPL, and only to the extent that such information is\n   necessary to install and execute a modified version of the\n   Combined Work produced by recombining or relinking the\n   Application with a modified version of the Linked Version. (If\n   you use option 4d0, the Installation Information must accompany\n   the Minimal Corresponding Source and Corresponding Application\n   Code. If you use option 4d1, you must provide the Installation\n   Information in the manner specified by section 6 of the GNU GPL\n   for conveying Corresponding Source.)\n\n  5. Combined Libraries.\n\n  You may place library facilities that are a work based on the\nLibrary side by side in a single library together with other library\nfacilities that are not Applications and are not covered by this\nLicense, and convey such a combined library under terms of your\nchoice, if you do both of the following:\n\n   a) Accompany the combined library with a copy of the same work based\n   on the Library, uncombined with any other library facilities,\n   conveyed under the terms of this License.\n\n   b) Give prominent notice with the combined library that part of it\n   is a work based on the Library, and explaining where to find the\n   accompanying uncombined form of the same work.\n\n  6. Revised Versions of the GNU Lesser General Public License.\n\n  The Free Software Foundation may publish revised and/or new versions\nof the GNU Lesser General Public License from time to time. Such new\nversions will be similar in spirit to the present version, but may\ndiffer in detail to address new problems or concerns.\n\n  Each version is given a distinguishing version number. If the\nLibrary as you received it specifies that a certain numbered version\nof the GNU Lesser General Public License \"or any later version\"\napplies to it, you have the option of following the terms and\nconditions either of that published version or of any later version\npublished by the Free Software Foundation. If the Library as you\nreceived it does not specify a version number of the GNU Lesser\nGeneral Public License, you may choose any version of the GNU Lesser\nGeneral Public License ever published by the Free Software Foundation.\n\n  If the Library as you received it specifies that a proxy can decide\nwhether future versions of the GNU Lesser General Public License shall\napply, that proxy's public statement of acceptance of any version is\npermanent authorization for you to choose that version for the\nLibrary.\n\n  \n--------------- SECTION 7: Creative Commons Attribution License, V3.0 ----------- \n\nCreative Commons Attribution 3.0 Unported\n\nCREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE LEGAL\nSERVICES. DISTRIBUTION OF THIS LICENSE DOES NOT CREATE AN ATTORNEY-CLIENT\nRELATIONSHIP. CREATIVE COMMONS PROVIDES THIS INFORMATION ON AN \"AS-IS\"\nBASIS. CREATIVE COMMONS MAKES NO WARRANTIES REGARDING THE INFORMATION\nPROVIDED, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM ITS USE.\n\nLicense\n\nTHE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE\nCOMMONS PUBLIC LICENSE (\"CCPL\" OR \"LICENSE\"). THE WORK IS PROTECTED BY\nCOPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN\nAS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.\n\nBY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE\nTO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE\nMAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS\nCONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND\nCONDITIONS.\n\n1. Definitions\n\n   a. \"Adaptation\" means a work based upon the Work, or upon the Work\n   and other pre-existing works, such as a translation, adaptation,\n   derivative work, arrangement of music or other alterations of a\n   literary or artistic work, or phonogram or performance and includes\n   cinematographic adaptations or any other form in which the Work may\n   be recast, transformed, or adapted including in any form recognizably\n   derived from the original, except that a work that constitutes a\n   Collection will not be considered an Adaptation for the purpose of\n   this License. For the avoidance of doubt, where the Work is a musical\n   work, performance or phonogram, the synchronization of the Work in\n   timed-relation with a moving image (\"synching\") will be considered\n   an Adaptation for the purpose of this License.\n\n   b. \"Collection\" means a collection of literary or artistic works,\n   such as encyclopedias and anthologies, or performances, phonograms or\n   broadcasts, or other works or subject matter other than works listed in\n   Section 1(f) below, which, by reason of the selection and arrangement\n   of their contents, constitute intellectual creations, in which the\n   Work is included in its entirety in unmodified form along with one or\n   more other contributions, each constituting separate and independent\n   works in themselves, which together are assembled into a collective\n   whole. A work that constitutes a Collection will not be considered\n   an Adaptation (as defined above) for the purposes of this License.\n\n   c. \"Distribute\" means to make available to the public the original\n   and copies of the Work or Adaptation, as appropriate, through sale\n   or other transfer of ownership.\n\n   d. \"Licensor\" means the individual, individuals, entity or entities\n   that offer(s) the Work under the terms of this License.\n\n   e. \"Original Author\" means, in the case of a literary or artistic\n   work, the individual, individuals, entity or entities who created the\n   Work or if no individual or entity can be identified, the publisher;\n   and in addition (i) in the case of a performance the actors, singers,\n   musicians, dancers, and other persons who act, sing, deliver, declaim,\n   play in, interpret or otherwise perform literary or artistic works or\n   expressions of folklore; (ii) in the case of a phonogram the producer\n   being the person or legal entity who first fixes the sounds of a\n   performance or other sounds; and, (iii) in the case of broadcasts,\n   the organization that transmits the broadcast.\n\n   f. \"Work\" means the literary and/or artistic work offered under the\n   terms of this License including without limitation any production\n   in the literary, scientific and artistic domain, whatever may be\n   the mode or form of its expression including digital form, such\n   as a book, pamphlet and other writing; a lecture, address, sermon\n   or other work of the same nature; a dramatic or dramatico-musical\n   work; a choreographic work or entertainment in dumb show; a musical\n   composition with or without words; a cinematographic work to which are\n   assimilated works expressed by a process analogous to cinematography;\n   a work of drawing, painting, architecture, sculpture, engraving\n   or lithography; a photographic work to which are assimilated works\n   expressed by a process analogous to photography; a work of applied art;\n   an illustration, map, plan, sketch or three-dimensional work relative\n   to geography, topography, architecture or science; a performance;\n   a broadcast; a phonogram; a compilation of data to the extent it is\n   protected as a copyrightable work; or a work performed by a variety\n   or circus performer to the extent it is not otherwise considered a\n   literary or artistic work.\n\n   g. \"You\" means an individual or entity exercising rights under this\n   License who has not previously violated the terms of this License\n   with respect to the Work, or who has received express permission\n   from the Licensor to exercise rights under this License despite a\n   previous violation.\n\n   h. \"Publicly Perform\" means to perform public recitations of the\n   Work and to communicate to the public those public recitations, by\n   any means or process, including by wire or wireless means or public\n   digital performances; to make available to the public Works in such\n   a way that members of the public may access these Works from a place\n   and at a place individually chosen by them; to perform the Work to the\n   public by any means or process and the communication to the public of\n   the performances of the Work, including by public digital performance;\n   to broadcast and rebroadcast the Work by any means including signs,\n   sounds or images.\n\n   i. \"Reproduce\" means to make copies of the Work by any means including\n   without limitation by sound or visual recordings and the right of\n   fixation and reproducing fixations of the Work, including storage\n   of a protected performance or phonogram in digital form or other\n   electronic medium.\n\n2. Fair Dealing Rights. Nothing in this License is intended to reduce,\nlimit, or restrict any uses free from copyright or rights arising from\nlimitations or exceptions that are provided for in connection with the\ncopyright protection under copyright law or other applicable laws.\n\n3. License Grant. Subject to the terms and conditions of this License,\nLicensor hereby grants You a worldwide, royalty-free, non-exclusive,\nperpetual (for the duration of the applicable copyright) license to\nexercise the rights in the Work as stated below:\n\n   a. to Reproduce the Work, to incorporate the Work into one or\n   more Collections, and to Reproduce the Work as incorporated in the\n   Collections;\n\n   b. to create and Reproduce Adaptations provided that any such\n   Adaptation, including any translation in any medium, takes reasonable\n   steps to clearly label, demarcate or otherwise identify that changes\n   were made to the original Work. For example, a translation could be\n   marked \"The original work was translated from English to Spanish,\" or\n   a modification could indicate \"The original work has been modified.\";\n\n   c. to Distribute and Publicly Perform the Work including as\n   incorporated in Collections; and,\n\n   d. to Distribute and Publicly Perform Adaptations.\n\n   e. For the avoidance of doubt:\n\n      i. Non-waivable Compulsory License Schemes. In those jurisdictions\n      in which the right to collect royalties through any statutory or\n      compulsory licensing scheme cannot be waived, the Licensor reserves\n      the exclusive right to collect such royalties for any exercise by\n      You of the rights granted under this License;\n\n      ii. Waivable Compulsory License Schemes. In those jurisdictions\n      in which the right to collect royalties through any statutory or\n      compulsory licensing scheme can be waived, the Licensor waives the\n      exclusive right to collect such royalties for any exercise by You\n      of the rights granted under this License; and,\n\n      iii. Voluntary License Schemes. The Licensor waives the right\n      to collect royalties, whether individually or, in the event that\n      the Licensor is a member of a collecting society that administers\n      voluntary licensing schemes, via that society, from any exercise\n      by You of the rights granted under this License.  The above rights\n      may be exercised in all media and formats whether now known or\n      hereafter devised. The above rights include the right to make such\n      modifications as are technically necessary to exercise the rights\n      in other media and formats. Subject to Section 8(f), all rights\n      not expressly granted by Licensor are hereby reserved.\n\n4. Restrictions. The license granted in Section 3 above is expressly\nmade subject to and limited by the following restrictions:\n\n   a. You may Distribute or Publicly Perform the Work only under the\n   terms of this License.  You must include a copy of, or the Uniform\n   Resource Identifier (URI) for, this License with every copy of the\n   Work You Distribute or Publicly Perform. You may not offer or impose\n   any terms on the Work that restrict the terms of this License or the\n   ability of the recipient of the Work to exercise the rights granted to\n   that recipient under the terms of the License. You may not sublicense\n   the Work. You must keep intact all notices that refer to this License\n   and to the disclaimer of warranties with every copy of the Work You\n   Distribute or Publicly Perform. When You Distribute or Publicly Perform\n   the Work, You may not impose any effective technological measures on\n   the Work that restrict the ability of a recipient of the Work from\n   You to exercise the rights granted to that recipient under the terms\n   of the License. This Section 4(a) applies to the Work as incorporated\n   in a Collection, but this does not require the Collection apart from\n   the Work itself to be made subject to the terms of this License. If\n   You create a Collection, upon notice from any Licensor You must,\n   to the extent practicable, remove from the Collection any credit as\n   required by Section 4(b), as requested. If You create an Adaptation,\n   upon notice from any Licensor You must, to the extent practicable,\n   remove from the Adaptation any credit as required by Section 4(b),\n   as requested.\n\n   b. If You Distribute, or Publicly Perform the Work or any Adaptations\n   or Collections, You must, unless a request has been made pursuant\n   to Section 4(a), keep intact all copyright notices for the Work and\n   provide, reasonable to the medium or means You are utilizing: (i) the\n   name of the Original Author (or pseudonym, if applicable) if supplied,\n   and/or if the Original Author and/or Licensor designate another party\n   or parties (e.g., a sponsor institute, publishing entity, journal)\n   for attribution (\"Attribution Parties\") in Licensor's copyright\n   notice, terms of service or by other reasonable means, the name of\n   such party or parties; (ii) the title of the Work if supplied; (iii)\n   to the extent reasonably practicable, the URI, if any, that Licensor\n   specifies to be associated with the Work, unless such URI does not\n   refer to the copyright notice or licensing information for the Work;\n   and (iv) , consistent with Section 3(b), in the case of an Adaptation,\n   a credit identifying the use of the Work in the Adaptation (e.g.,\n   \"French translation of the Work by Original Author,\" or \"Screenplay\n   based on original Work by Original Author\"). The credit required\n   by this Section 4 (b) may be implemented in any reasonable manner;\n   provided, however, that in the case of a Adaptation or Collection, at\n   a minimum such credit will appear, if a credit for all contributing\n   authors of the Adaptation or Collection appears, then as part of\n   these credits and in a manner at least as prominent as the credits\n   for the other contributing authors. For the avoidance of doubt, You\n   may only use the credit required by this Section for the purpose of\n   attribution in the manner set out above and, by exercising Your rights\n   under this License, You may not implicitly or explicitly assert or\n   imply any connection with, sponsorship or endorsement by the Original\n   Author, Licensor and/or Attribution Parties, as appropriate, of You\n   or Your use of the Work, without the separate, express prior written\n   permission of the Original Author, Licensor and/or Attribution Parties.\n\n   c. Except as otherwise agreed in writing by the Licensor or as may be\n   otherwise permitted by applicable law, if You Reproduce, Distribute\n   or Publicly Perform the Work either by itself or as part of any\n   Adaptations or Collections, You must not distort, mutilate, modify\n   or take other derogatory action in relation to the Work which would\n   be prejudicial to the Original Author's honor or reputation. Licensor\n   agrees that in those jurisdictions (e.g. Japan), in which any exercise\n   of the right granted in Section 3(b) of this License (the right to\n   make Adaptations) would be deemed to be a distortion, mutilation,\n   modification or other derogatory action prejudicial to the Original\n   Author's honor and reputation, the Licensor will waive or not assert,\n   as appropriate, this Section, to the fullest extent permitted by the\n   applicable national law, to enable You to reasonably exercise Your\n   right under Section 3(b) of this License (right to make Adaptations)\n   but not otherwise.\n\n5. Representations, Warranties and Disclaimer\nUNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR\nOFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY\nKIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE,\nINCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY,\nFITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF\nLATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS,\nWHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION\nOF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.\n\n6. Limitation on Liability.\nEXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR\nBE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL,\nCONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS\nLICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF\nTHE POSSIBILITY OF SUCH DAMAGES.\n\n7. Termination\n\n   a. This License and the rights granted hereunder will terminate\n   automatically upon any breach by You of the terms of this\n   License. Individuals or entities who have received Adaptations or\n   Collections from You under this License, however, will not have their\n   licenses terminated provided such individuals or entities remain in\n   full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8\n   will survive any termination of this License.\n\n   b. Subject to the above terms and conditions, the license granted\n   here is perpetual (for the duration of the applicable copyright in\n   the Work). Notwithstanding the above, Licensor reserves the right to\n   release the Work under different license terms or to stop distributing\n   the Work at any time; provided, however that any such election will not\n   serve to withdraw this License (or any other license that has been,\n   or is required to be, granted under the terms of this License), and\n   this License will continue in full force and effect unless terminated\n   as stated above.\n\n8. Miscellaneous\n\n   a. Each time You Distribute or Publicly Perform the Work or a\n   Collection, the Licensor offers to the recipient a license to the\n   Work on the same terms and conditions as the license granted to You\n   under this License.\n\n   b. Each time You Distribute or Publicly Perform an Adaptation, Licensor\n   offers to the recipient a license to the original Work on the same\n   terms and conditions as the license granted to You under this License.\n\n   c. If any provision of this License is invalid or unenforceable under\n   applicable law, it shall not affect the validity or enforceability\n   of the remainder of the terms of this License, and without further\n   action by the parties to this agreement, such provision shall be\n   reformed to the minimum extent necessary to make such provision valid\n   and enforceable.\n\n   d. No term or provision of this License shall be deemed waived and no\n   breach consented to unless such waiver or consent shall be in writing\n   and signed by the party to be charged with such waiver or consent.\n\n   e. This License constitutes the entire agreement between the parties\n   with respect to the Work licensed here. There are no understandings,\n   agreements or representations with respect to the Work not specified\n   here. Licensor shall not be bound by any additional provisions that\n   may appear in any communication from You. This License may not be\n   modified without the mutual written agreement of the Licensor and You.\n\n   f. The rights granted under, and the subject matter referenced, in this\n   License were drafted utilizing the terminology of the Berne Convention\n   for the Protection of Literary and Artistic Works (as amended on\n   September 28, 1979), the Rome Convention of 1961, the WIPO Copyright\n   Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and\n   the Universal Copyright Convention (as revised on July 24, 1971). These\n   rights and subject matter take effect in the relevant jurisdiction\n   in which the License terms are sought to be enforced according to\n   the corresponding provisions of the implementation of those treaty\n   provisions in the applicable national law. If the standard suite of\n   rights granted under applicable copyright law includes additional\n   rights not granted under this License, such additional rights are\n   deemed to be included in the License; this License is not intended\n   to restrict the license of any rights under applicable law.\n\n\n--------------- SECTION 7: Common Development and Distribution License, V1.1 ----------- \n  \nCOMMON DEVELOPMENT AND DISTRIBUTION LICENSE (CDDL)Version 1.1 \n\n1. Definitions. \n\n1.1. \"Contributor\" means each individual or entity that creates or contributes to the creation of Modifications. \n\n1.2. \"Contributor Version\" means the combination of the Original Software, prior Modifications used by a Contributor (if any), and the Modifications made by that particular Contributor. \n\n1.3. \"Covered Software\" means (a) the Original Software, or (b) Modifications, or (c) the combination of files containing Original Software with files containing Modifications, in each case including portions thereof. \n\n1.4. \"Executable\" means the Covered Software in any form other than Source Code. \n\n1.5. \"Initial Developer\" means the individual or entity that first makes Original Software available under this License. \n\n1.6. \"Larger Work\" means a work which combines Covered Software or portions thereof with code not governed by the terms of this License. \n\n1.7. \"License\" means this document. \n\n1.8. \"Licensable\" means having the right to grant, to the maximum extent possible, whether at the time of the initial grant or subsequently acquired, any and all of the rights conveyed herein. \n\n1.9. \"Modifications\" means the Source Code and Executable form of any of the following: \nA. Any file that results from an addition to, deletion from or modification of the contents of a file containing Original Software or previous Modifications; \nB. Any new file that contains any part of the Original Software or previous Modification; or \nC. Any new file that is contributed or otherwise made available under the terms of this License. \n\n1.10. \"Original Software\" means the Source Code and Executable form of computer software code that is originally released under this License. \n\n1.11. \"Patent Claims\" means any patent claim(s), now owned or hereafter acquired, including without limitation, method, process, and apparatus claims, in any patent Licensable by grantor. \n\n1.12. \"Source Code\" means (a) the common form of computer software code in which modifications are made and (b) associated documentation included in or with such code. \n\n1.13. \"You\" (or \"Your\") means an individual or a legal entity exercising rights under, and complying with all of the terms of, this License. For legal entities, \"You\" includes any entity which controls, is controlled by, or is under common control with You. For purposes of this definition, \"control\" means (a) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (b) ownership of more than fifty percent (50%) of the outstanding shares or beneficial ownership of such entity. \n\n2. License Grants. \n\n2.1. The Initial Developer Grant. \nConditioned upon Your compliance with Section 3.1 below and subject to third party intellectual property claims, the Initial Developer hereby grants You a world-wide, royalty-free, non-exclusive license: \n(a) under intellectual property rights (other than patent or trademark) Licensable by Initial Developer, to use, reproduce, modify, display, perform, sublicense and distribute the Original Software (or portions thereof), with or without Modifications, and/or as part of a Larger Work; and \n(b) under Patent Claims infringed by the making, using or selling of Original Software, to make, have made, use, practice, sell, and offer for sale, and/or otherwise dispose of the Original Software (or portions thereof). \n(c) The licenses granted in Sections 2.1(a) and (b) are effective on the date Initial Developer first distributes or otherwise makes the Original Software available to a third party under the terms of this License. \n(d) Notwithstanding Section 2.1(b) above, no patent license is granted: (1) for code that You delete from the Original Software, or (2) for infringements caused by: (i) the modification of the Original Software, or (ii) the combination of the Original Software with other software or devices. \n\n2.2. Contributor Grant. \nConditioned upon Your compliance with Section 3.1 below and subject to third party intellectual property claims, each Contributor hereby grants You a world-wide, royalty-free, non-exclusive license: \n(a) under intellectual property rights (other than patent or trademark) Licensable by Contributor to use, reproduce, modify, display, perform, sublicense and distribute the Modifications created by such Contributor (or portions thereof), either on an unmodified basis, with other Modifications, as Covered Software and/or as part of a Larger Work; and \n(b) under Patent Claims infringed by the making, using, or selling of Modifications made by that Contributor either alone and/or in combination with its Contributor Version (or portions of such combination), to make, use, sell, offer for sale, have made, and/or otherwise dispose of: (1) Modifications made by that Contributor (or portions thereof); and (2) the combination of Modifications made by that Contributor with its Contributor Version (or portions of such combination). \n(c) The licenses granted in Sections 2.2(a) and 2.2(b) are effective on the date Contributor first distributes or otherwise makes the Modifications available to a third party. \n(d) Notwithstanding Section 2.2(b) above, no patent license is granted: (1) for any code that Contributor has deleted from the Contributor Version; (2) for infringements caused by: (i) third party modifications of Contributor Version, or (ii) the combination of Modifications made by that Contributor with other software (except as part of the Contributor Version) or other devices; or (3) under Patent Claims infringed by Covered Software in the absence of Modifications made by that Contributor. \n\n3. Distribution Obligations. \n\n3.1. Availability of Source Code. \nAny Covered Software that You distribute or otherwise make available in Executable form must also be made available in Source Code form and that Source Code form must be distributed only under the terms of this License. You must include a copy of this License with every copy of the Source Code form of the Covered Software You distribute or otherwise make available. You must inform recipients of any such Covered Software in Executable form as to how they can obtain such Covered Software in Source Code form in a reasonable manner on or through a medium customarily used for software exchange. \n\n3.2. Modifications. \nThe Modifications that You create or to which You contribute are governed by the terms of this License. You represent that You believe Your Modifications are Your original creation(s) and/or You have sufficient rights to grant the rights conveyed by this License. \n\n3.3. Required Notices. \nYou must include a notice in each of Your Modifications that identifies You as the Contributor of the Modification. You may not remove or alter any copyright, patent or trademark notices contained within the Covered Software, or any notices of licensing or any descriptive text giving attribution to any Contributor or the Initial Developer. \n\n3.4. Application of Additional Terms. \nYou may not offer or impose any terms on any Covered Software in Source Code form that alters or restricts the applicable version of this License or the recipients' rights hereunder. You may choose to offer, and to charge a fee for, warranty, support, indemnity or liability obligations to one or more recipients of Covered Software. However, you may do so only on Your own behalf, and not on behalf of the Initial Developer or any Contributor. You must make it absolutely clear that any such warranty, support, indemnity or liability obligation is offered by You alone, and You hereby agree to indemnify the Initial Developer and every Contributor for any liability incurred by the Initial Developer or such Contributor as a result of warranty, support, indemnity or liability terms You offer. \n\n3.5. Distribution of Executable Versions. \nYou may distribute the Executable form of the Covered Software under the terms of this License or under the terms of a license of Your choice, which may contain terms different from this License, provided that You are in compliance with the terms of this License and that the license for the Executable form does not attempt to limit or alter the recipient's rights in the Source Code form from the rights set forth in this License. If You distribute the Covered Software in Executable form under a different license, You must make it absolutely clear that any terms which differ from this License are offered by You alone, not by the Initial Developer or Contributor. You hereby agree to indemnify the Initial Developer and every Contributor for any liability incurred by the Initial Developer or such Contributor as a result of any such terms You offer. \n\n3.6. Larger Works. \nYou may create a Larger Work by combining Covered Software with other code not governed by the terms of this License and distribute the Larger Work as a single product. In such a case, You must make sure the requirements of this License are fulfilled for the Covered Software. \n\n4. Versions of the License. \n\n4.1. New Versions. \nOracle is the initial license steward and may publish revised and/or new versions of this License from time to time. Each version will be given a distinguishing version number. Except as provided in Section 4.3, no one other than the license steward has the right to modify this License. \n\n4.2. Effect of New Versions. \nYou may always continue to use, distribute or otherwise make the Covered Software available under the terms of the version of the License under which You originally received the Covered Software. If the Initial Developer includes a notice in the Original Software prohibiting it from being distributed or otherwise made available under any subsequent version of the License, You must distribute and make the Covered Software available under the terms of the version of the License under which You originally received the Covered Software. Otherwise, You may also choose to use, distribute or otherwise make the Covered Software available under the terms of any subsequent version of the License published by the license steward. \n\n4.3. Modified Versions. \nWhen You are an Initial Developer and You want to create a new license for Your Original Software, You may create and use a modified version of this License if You: (a) rename the license and remove any references to the name of the license steward (except to note that the license differs from this License); and (b) otherwise make it clear that the license contains terms which differ from this License. \n\n5. DISCLAIMER OF WARRANTY. \nCOVERED SOFTWARE IS PROVIDED UNDER THIS LICENSE ON AN \"AS IS\" BASIS, WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, WITHOUT LIMITATION, WARRANTIES THAT THE COVERED SOFTWARE IS FREE OF DEFECTS, MERCHANTABLE, FIT FOR A PARTICULAR PURPOSE OR NON-INFRINGING. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE COVERED SOFTWARE IS WITH YOU. SHOULD ANY COVERED SOFTWARE PROVE DEFECTIVE IN ANY RESPECT, YOU (NOT THE INITIAL DEVELOPER OR ANY OTHER CONTRIBUTOR) ASSUME THE COST OF ANY NECESSARY SERVICING, REPAIR OR CORRECTION. THIS DISCLAIMER OF WARRANTY CONSTITUTES AN ESSENTIAL PART OF THIS LICENSE. NO USE OF ANY COVERED SOFTWARE IS AUTHORIZED HEREUNDER EXCEPT UNDER THIS DISCLAIMER. \n\n6. TERMINATION. \n\n6.1. This License and the rights granted hereunder will terminate automatically if You fail to comply with terms herein and fail to cure such breach within 30 days of becoming aware of the breach. Provisions which, by their nature, must remain in effect beyond the termination of this License shall survive. \n\n6.2. If You assert a patent infringement claim (excluding declaratory judgment actions) against Initial Developer or a Contributor (the Initial Developer or Contributor against whom You assert such claim is referred to as \"Participant\") alleging that the Participant Software (meaning the Contributor Version where the Participant is a Contributor or the Original Software where the Participant is the Initial Developer) directly or indirectly infringes any patent, then any and all rights granted directly or indirectly to You by such Participant, the Initial Developer (if the Initial Developer is not the Participant) and all Contributors under Sections 2.1 and/or 2.2 of this License shall, upon 60 days notice from Participant terminate prospectively and automatically at the expiration of such 60 day notice period, unless if within such 60 day period You withdraw Your claim with respect to the Participant Software against such Participant either unilaterally or pursuant to a written agreement with Participant. \n\n6.3. If You assert a patent infringement claim against Participant alleging that the Participant Software directly or indirectly infringes any patent where such claim is resolved (such as by license or settlement) prior to the initiation of patent infringement litigation, then the reasonable value of the licenses granted by such Participant under Sections 2.1 or 2.2 shall be taken into account in determining the amount or value of any payment or license. \n\n6.4. In the event of termination under Sections 6.1 or 6.2 above, all end user licenses that have been validly granted by You or any distributor hereunder prior to termination (excluding licenses granted to You by any distributor) shall survive termination. \n\n7. LIMITATION OF LIABILITY. \nUNDER NO CIRCUMSTANCES AND UNDER NO LEGAL THEORY, WHETHER TORT (INCLUDING NEGLIGENCE), CONTRACT, OR OTHERWISE, SHALL YOU, THE INITIAL DEVELOPER, ANY OTHER CONTRIBUTOR, OR ANY DISTRIBUTOR OF COVERED SOFTWARE, OR ANY SUPPLIER OF ANY OF SUCH PARTIES, BE LIABLE TO ANY PERSON FOR ANY INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF GOODWILL, WORK STOPPAGE, COMPUTER FAILURE OR MALFUNCTION, OR ANY AND ALL OTHER COMMERCIAL DAMAGES OR LOSSES, EVEN IF SUCH PARTY SHALL HAVE BEEN INFORMED OF THE POSSIBILITY OF SUCH DAMAGES. THIS LIMITATION OF LIABILITY SHALL NOT APPLY TO LIABILITY FOR DEATH OR PERSONAL INJURY RESULTING FROM SUCH PARTY'S NEGLIGENCE TO THE EXTENT APPLICABLE LAW PROHIBITS SUCH LIMITATION. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OR LIMITATION OF INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO THIS EXCLUSION AND LIMITATION MAY NOT APPLY TO YOU. \n\n8. U.S. GOVERNMENT END USERS. \nThe Covered Software is a \"commercial item,\" as that term is defined in 48 C.F.R. 2.101 (Oct. 1995), consisting of \"commercial computer software\" (as that term is defined at 48 C.F.R. sec. 252.227-7014(a)(1)) and \"commercial computer software documentation\" as such terms are used in 48 C.F.R. 12.212 (Sept. 1995). Consistent with 48 C.F.R. 12.212 and 48 C.F.R. 227.7202-1 through 227.7202-4 (June 1995), all U.S. Government End Users acquire Covered Software with only those rights set forth herein. This U.S. Government Rights clause is in lieu of, and supersedes, any other FAR, DFAR, or other clause or provision that addresses Government rights in computer software under this License. \n\n9. MISCELLANEOUS. \nThis License represents the complete agreement concerning subject matter hereof. If any provision of this License is held to be unenforceable, such provision shall be reformed only to the extent necessary to make it enforceable. This License shall be governed by the law of the jurisdiction specified in a notice contained within the Original Software (except to the extent applicable law, if any, provides otherwise), excluding such jurisdiction's conflict-of-law provisions. Any litigation relating to this License shall be subject to the jurisdiction of the courts located in the jurisdiction and venue specified in a notice contained within the Original Software, with the losing party responsible for costs, including, without limitation, court costs and reasonable attorneys' fees and expenses. The application of the United Nations Convention on Contracts for the International Sale of Goods is expressly excluded. Any law or regulation which provides that the language of a contract shall be construed against the drafter shall not apply to this License. You agree that You alone are responsible for compliance with the United States export administration regulations (and the export control laws and regulation of any other countries) when You use, distribute or otherwise make available any Covered Software. \n\n10. RESPONSIBILITY FOR CLAIMS. \nAs between Initial Developer and the Contributors, each party is responsible for claims and damages arising, directly or indirectly, out of its utilization of rights under this License and You agree to work with Initial Developer and Contributors to distribute such responsibility on an equitable basis. Nothing herein is intended or shall be deemed to constitute any admission of liability. \n\nNOTICE PURSUANT TO SECTION 9 OF THE COMMON DEVELOPMENT AND DISTRIBUTION LICENSE (CDDL) \nThe code released under the CDDL shall be governed by the laws of the State of California (excluding conflict-of-law provisions). Any litigation relating to this License shall be subject to the jurisdiction of the Federal Courts of the Northern District of California and the state courts of the State of California, with venue lying in Santa Clara County, California.\n\n\n\n===========================================================================\n\nTo the extent any open source components are licensed under the GPL\nand/or LGPL, or other similar licenses that require the source code\nand/or modifications to source code to be made available (as would be\nnoted above), you may obtain a copy of the source code corresponding to\nthe binaries for such open source components and modifications thereto,\nif any, (the \"Source Files\"), by downloading the Source Files from\nVMware's website at http://www.vmware.com/download/open_source.html, or\nby sending a request, with your name and address to: VMware, Inc., 3401\nHillview Avenue, Palo Alto, CA 94304, United States of America. All such\nrequests should clearly specify: OPEN SOURCE FILES REQUEST, Attention\nGeneral Counsel. VMware shall mail a copy of the Source Files to you on\na CD or equivalent physical medium. This offer to obtain a copy of the\nSource Files is valid for three years from the date you acquired this\nSoftware product. Alternatively, the Source Files may accompany the\nVMware product.\n\n[HARBOR050GASR111116]","license":"Apache*","_id":"harbor-ui@0.7.0-dev.15","dist":{"shasum":"c0e8f6f4b8f9917d8c55e7313d038711a7ddf540","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.15.tgz","fileCount":449,"unpackedSize":20958891,"integrity":"sha512-A9Qswl9zzsQkVowhuHXigORdS08TpTYxdTHslHNk80+uOt0Zkt9psFKJFjrS3JE0UTjXplpIEpObq2oC3+8j3g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNr1OcdpeR426P87AY/SUxsYHi3+rQlIAZsDjdKe0N6gIhAPhtZ5CcyMos2rTm4jlcqZDP+ZuUlUdlDI1G5kjf2kXw"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.15_1523275254782_0.8561998222639062"},"_hasShrinkwrap":false},"0.7.0-dev.16":{"name":"harbor-ui","version":"0.7.0-dev.16","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.16","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-F6qCOTwAy6uQmg+UYCCjr+LMS70nc8z50gxRl/qVIM9RPTAXzUqwPt6GRdn2nvtriq9IFzp2Hucd+GVKe0N2FA==","shasum":"6e03d089ea0b769e385e5f0378c2ae233e2ce3f6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.16.tgz","fileCount":160,"unpackedSize":19632792,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDK8lkcuLvPXBcS1TSJp1WS6vjo+DGr5Er1nsLDNdNAcgIhAPC/hrR403u55QNwBHJF9f1+mT2cOUNSJwiLVuR2OHGg"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.16_1523278006662_0.7032753401250558"},"_hasShrinkwrap":false},"0.7.0-dev.17":{"name":"harbor-ui","version":"0.7.0-dev.17","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.17","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Yg8wIT7VX7hyPj1VbcFOa0cJRBv6wePNp01oA8G+JJN92GlrCLi5RUslPfI7N8k4BN1am0zKawhDYZR2eQLOhQ==","shasum":"b72874b0da1415765a909ee084e211338902c4f6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.17.tgz","fileCount":160,"unpackedSize":19626556,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDazRtHGbrX+D2ZEN+f23w06q/WbZ6Edvz6b+UBAc8lJwIhANhssJPkCtJLENjo7E/x8Xdan/3sCoR/FJAk0upTFKNi"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.17_1523279637780_0.5707958285878474"},"_hasShrinkwrap":false},"0.7.0-dev.19":{"name":"harbor-ui","version":"0.7.0-dev.19","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.6.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"ngPackage":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"harbor-ui","version":"0.7.0-dev.9","ngPackage":{"lib":{"entryFile":"./public_api.ts"}}},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readmeFilename":"README.md","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","licenseText":"LICENSE\n\nHarbor UI component library version 0.1.0\n\nCopyright 2016 VMware, Inc.  All rights reserved.\n\nThis product is licensed to you under the Apache License version 2.0 (the License).  You may not use this product except in compliance with the License.\n\n                           Apache License\n                     Version 2.0, January 2004\n                  http://www.apache.org/licenses/\n\nTERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n1. Definitions.\n\n\"License\" shall mean the terms and conditions for use, reproduction,\nand distribution as defined by Sections 1 through 9 of this document.\n\n\"Licensor\" shall mean the copyright owner or entity authorized by\nthe copyright owner that is granting the License.\n\n\"Legal Entity\" shall mean the union of the acting entity and all\nother entities that control, are controlled by, or are under common\ncontrol with that entity. For the purposes of this definition,\n\"control\" means (i) the power, direct or indirect, to cause the\ndirection or management of such entity, whether by contract or\notherwise, or (ii) ownership of fifty percent (50%) or more of the\noutstanding shares, or (iii) beneficial ownership of such entity.\n\n\"You\" (or \"Your\") shall mean an individual or Legal Entity\nexercising permissions granted by this License.\n\n\"Source\" form shall mean the preferred form for making modifications,\nincluding but not limited to software source code, documentation\nsource, and configuration files.\n\n\"Object\" form shall mean any form resulting from mechanical\ntransformation or translation of a Source form, including but\nnot limited to compiled object code, generated documentation,\nand conversions to other media types.\n\n\"Work\" shall mean the work of authorship, whether in Source or\nObject form, made available under the License, as indicated by a\ncopyright notice that is included in or attached to the work\n(an example is provided in the Appendix below).\n\n\"Derivative Works\" shall mean any work, whether in Source or Object\nform, that is based on (or derived from) the Work and for which the\neditorial revisions, annotations, elaborations, or other modifications\nrepresent, as a whole, an original work of authorship. For the purposes\nof this License, Derivative Works shall not include works that remain\nseparable from, or merely link (or bind by name) to the interfaces of,\nthe Work and Derivative Works thereof.\n\n\"Contribution\" shall mean any work of authorship, including\nthe original version of the Work and any modifications or additions\nto that Work or Derivative Works thereof, that is intentionally\nsubmitted to Licensor for inclusion in the Work by the copyright owner\nor by an individual or Legal Entity authorized to submit on behalf of\nthe copyright owner. For the purposes of this definition, \"submitted\"\nmeans any form of electronic, verbal, or written communication sent\nto the Licensor or its representatives, including but not limited to\ncommunication on electronic mailing lists, source code control systems,\nand issue tracking systems that are managed by, or on behalf of, the\nLicensor for the purpose of discussing and improving the Work, but\nexcluding communication that is conspicuously marked or otherwise\ndesignated in writing by the copyright owner as \"Not a Contribution.\"\n\n\"Contributor\" shall mean Licensor and any individual or Legal Entity\non behalf of whom a Contribution has been received by Licensor and\nsubsequently incorporated within the Work.\n\n2. Grant of Copyright License. Subject to the terms and conditions of\nthis License, each Contributor hereby grants to You a perpetual,\nworldwide, non-exclusive, no-charge, royalty-free, irrevocable\ncopyright license to reproduce, prepare Derivative Works of,\npublicly display, publicly perform, sublicense, and distribute the\nWork and such Derivative Works in Source or Object form.\n\n3. Grant of Patent License. Subject to the terms and conditions of\nthis License, each Contributor hereby grants to You a perpetual,\nworldwide, non-exclusive, no-charge, royalty-free, irrevocable\n(except as stated in this section) patent license to make, have made,\nuse, offer to sell, sell, import, and otherwise transfer the Work,\nwhere such license applies only to those patent claims licensable\nby such Contributor that are necessarily infringed by their\nContribution(s) alone or by combination of their Contribution(s)\nwith the Work to which such Contribution(s) was submitted. If You\ninstitute patent litigation against any entity (including a\ncross-claim or counterclaim in a lawsuit) alleging that the Work\nor a Contribution incorporated within the Work constitutes direct\nor contributory patent infringement, then any patent licenses\ngranted to You under this License for that Work shall terminate\nas of the date such litigation is filed.\n\n4. Redistribution. You may reproduce and distribute copies of the\nWork or Derivative Works thereof in any medium, with or without\nmodifications, and in Source or Object form, provided that You\nmeet the following conditions:\n\n(a) You must give any other recipients of the Work or\nDerivative Works a copy of this License; and\n\n(b) You must cause any modified files to carry prominent notices\nstating that You changed the files; and\n\n(c) You must retain, in the Source form of any Derivative Works\nthat You distribute, all copyright, patent, trademark, and\nattribution notices from the Source form of the Work,\nexcluding those notices that do not pertain to any part of\nthe Derivative Works; and\n\n(d) If the Work includes a \"NOTICE\" text file as part of its\ndistribution, then any Derivative Works that You distribute must\ninclude a readable copy of the attribution notices contained\nwithin such NOTICE file, excluding those notices that do not\npertain to any part of the Derivative Works, in at least one\nof the following places: within a NOTICE text file distributed\nas part of the Derivative Works; within the Source form or\ndocumentation, if provided along with the Derivative Works; or,\nwithin a display generated by the Derivative Works, if and\nwherever such third-party notices normally appear. The contents\nof the NOTICE file are for informational purposes only and\ndo not modify the License. You may add Your own attribution\nnotices within Derivative Works that You distribute, alongside\nor as an addendum to the NOTICE text from the Work, provided\nthat such additional attribution notices cannot be construed\nas modifying the License.\n\nYou may add Your own copyright statement to Your modifications and\nmay provide additional or different license terms and conditions\nfor use, reproduction, or distribution of Your modifications, or\nfor any such Derivative Works as a whole, provided Your use,\nreproduction, and distribution of the Work otherwise complies with\nthe conditions stated in this License.\n\n5. Submission of Contributions. Unless You explicitly state otherwise,\nany Contribution intentionally submitted for inclusion in the Work\nby You to the Licensor shall be under the terms and conditions of\nthis License, without any additional terms or conditions.\nNotwithstanding the above, nothing herein shall supersede or modify\nthe terms of any separate license agreement you may have executed\nwith Licensor regarding such Contributions.\n\n6. Trademarks. This License does not grant permission to use the trade\nnames, trademarks, service marks, or product names of the Licensor,\nexcept as required for reasonable and customary use in describing the\norigin of the Work and reproducing the content of the NOTICE file.\n\n7. Disclaimer of Warranty. Unless required by applicable law or\nagreed to in writing, Licensor provides the Work (and each\nContributor provides its Contributions) on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied, including, without limitation, any warranties or conditions\nof TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\nPARTICULAR PURPOSE. You are solely responsible for determining the\nappropriateness of using or redistributing the Work and assume any\nrisks associated with Your exercise of permissions under this License.\n\n8. Limitation of Liability. In no event and under no legal theory,\nwhether in tort (including negligence), contract, or otherwise,\nunless required by applicable law (such as deliberate and grossly\nnegligent acts) or agreed to in writing, shall any Contributor be\nliable to You for damages, including any direct, indirect, special,\nincidental, or consequential damages of any character arising as a\nresult of this License or out of the use or inability to use the\nWork (including but not limited to damages for loss of goodwill,\nwork stoppage, computer failure or malfunction, or any and all\nother commercial damages or losses), even if such Contributor\nhas been advised of the possibility of such damages.\n\n9. Accepting Warranty or Additional Liability. While redistributing\nthe Work or Derivative Works thereof, You may choose to offer,\nand charge a fee for, acceptance of support, warranty, indemnity,\nor other liability obligations and/or rights consistent with this\nLicense. However, in accepting such obligations, You may act only\non Your own behalf and on Your sole responsibility, not on behalf\nof any other Contributor, and only if You agree to indemnify,\ndefend, and hold each Contributor harmless for any liability\nincurred by, or claims asserted against, such Contributor by reason\nof your accepting any such warranty or additional liability.\n\nEND OF TERMS AND CONDITIONS\n\nAPPENDIX: How to apply the Apache License to your work.\n\nTo apply the Apache License to your work, attach the following\nboilerplate notice, with the fields enclosed by brackets \"[]\"\nreplaced with your own identifying information. (Don't include\nthe brackets!)  The text should be enclosed in the appropriate\ncomment syntax for the file format. We also recommend that a\nfile or class name and description of purpose be included on the\nsame \"printed page\" as the copyright notice for easier\nidentification within third-party archives.\n\nCopyright [yyyy] [name of copyright owner]\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n======================================================================\n\nHarbor version 0.5.0 includes a number of components with separate copyright notices and license terms.  This product does not necessarily use all the open source components referred to below. Your use of the source code for these components is subject to the terms and conditions of the following licenses.\n\n======================== TABLE OF CONTENTS ============================\n\nThe following is a listing of the open source components detailed in\nthis document. This list is provided for your convenience; please read\nfurther if you wish to review the copyright notice(s) and the full text\nof the license associated with each component.\n\n\nSECTION 1: BSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES\n\n   >>> alembic-0.8.8\n   >>> angular-cookies-1.5.3\n   >>> angular-messages-1.5.3\n   >>> angularjs-1.5.3\n   >>> bootstrap-3.3.6\n   >>> bootstrap-datepicker-4.17.37\n   >>> cronie-1.5.0\n   >>> jquery-1.11.2\n   >>> mattn/go-sqlite3-3fb7a0e7\n   >>> moment-2.11.0\n   >>> mqu/openldap-0.2\n   >>> nginx-1.11.5\n   >>> shadow-4.2.1\n\n\n\nSECTION 2: Apache License, V2.0\n\n   >>> apr-util-1.5.4\n   >>> beego-1.6.1\n   >>> docker-distribution-2.5.0\n   >>> docker-libtrust -9cbd2a1\n   >>> registry-2.5.0\n\n\n\nSECTION 3: GNU General Public License, V2.0\n\n   >>> logrotate-3.9.1\n   >>> mysql-5.6\n\n\n\nSECTION 4: GNU General Public License, V3.0\n\n   >>> rsyslog-8.15.0\n\n\n\nSECTION 5: Mozilla Public License, V2.0\n\n   >>> go-sql-driver/mysql-1.2\n\n\n\nAPPENDIX. Standard License Files\n\n   >>> Mozilla Public License, V2.0\n\n   >>> Apache License, V2.0\n\n   >>> GNU General Public License, V3.0\n\n   >>> GNU General Public License, V2.0\n\n   >>> GNU Library General Public License, V2.0\n  \n   >>> GNU Lesser General Public License, V3.0\n   \n   >>> Creative Commons Attribution License, V3.0\n   \n   >>> Common Development and Distribution License, V1.1\n   \n\n\n--------------- SECTION 1:  BSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES ----------\n\nBSD-STYLE, MIT-STYLE, OR SIMILAR STYLE LICENSES are applicable to the following component(s).\n\n\n>>> alembic-0.8.8\n\nThis is the MIT license: http://www.opensource.org/licenses/mit-license.php\n\nCopyright (C) 2009-2016 by Michael Bayer.\nAlembic is a trademark of Michael Bayer.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this\nsoftware and associated documentation files (the \"Software\"), to deal in the Software\nwithout restriction, including without limitation the rights to use, copy, modify, merge,\npublish, distribute, sublicense, and/or sell copies of the Software, and to permit persons\nto whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or\nsubstantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\nINCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR\nPURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE\nFOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\nOTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\nDEALINGS IN THE SOFTWARE.\n\n\n>>> angular-cookies-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> angular-messages-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> angularjs-1.5.3\n\nThe MIT License\n\nCopyright (c) 2010-2015 Google, Inc. http://angularjs.org\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> bootstrap-3.3.6\n\nThe MIT License (MIT)\n\nCopyright (c) 2011-2015 Twitter, Inc\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\nADDITIONAL LICENSE INFORMATION:\n\n> CC- Attribution 3.0 Unported License\n\n[NOTE:  VMware does not distribute the \"docs\\assets\\css\\src\\docs.css\" subpackage.]\n\nbootstrap-3.3.6\\docs\\assets\\css \\src\\docs.css\n\nBootstrap Docs (http://getbootstrap.com)\nCopyright 2011-2015 Twitter, Inc.\nLicensed under the Creative Commons Attribution 3.0 Unported License. For\ndetails, see https://creativecommons.org/licenses/by/3.0/.\n\n\n> MIT\n\n[PLEASE NOTE:  VMWARE, INC. ELECTS TO USE AND DISTRIBUTE THIS COMPONENT UNDER THE TERMS OF THE MIT LICENSE. THE ORIGINAL LICENSE TERMS ARE REPRODUCED BELOW ONLY AS A REFERENCE.]\n\nbootstrap-3.3.6.tar.gz\\bootstrap-3.3.6.tar\\bootstrap-3.3.6\\docs\\assets\\js\\vendor\\ jszip.min.js\n\n(c) 2009-2014 Stuart Knightley <stuart [at] stuartk.com>\nDual licenced under the MIT license or GPLv3. See https://raw.github.com/Stuk/jszip/master/LICENSE.markdown.\n\n\n> Apache 2.0\n\nbootstrap-3.3.6.tar.gz\\bootstrap-3.3.6.tar\\bootstrap-3.3.6\\docs\\assets\\js\\vendor\\ less.min.js\n\nCopyright (c) 2009-2014, Alexis Sellier <self@cloudhead.net>\nLicensed under the Apache v2 License.\n\nLicense for GLYPHICONS Halflings in Bootstrap\n \nGLYPHICONS Halflings font is also released as an extension of a Bootstrap www.getbootstrap.com for free and it is released under the same license as Bootstrap. While you are not required to include attribution on your Bootstrap-based projects, I would certainly appreciate any form of support, even a nice Tweet is enough. Of course if you want, you can say thank you and support me by buying more icons on GLYPHICONS.com.\n\n\n>>> bootstrap-datepicker-4.17.37\n\nThe MIT License (MIT)\n\nCopyright (c) 2015 Jonathan Peterson (@Eonasdan)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n\n>>> cronie-1.5.0\n\nCopyright (c) 2004 by Internet Systems Consortium, Inc. (\"ISC\")\nCopyright (c) 1997,2000 by Internet Software Consortium, Inc.\n\nPermission to use, copy, modify, and distribute this software for any\npurpose with or without fee is hereby granted, provided that the above\ncopyright notice and this permission notice appear in all copies.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND ISC DISCLAIMS ALL WARRANTIES\nWITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS.  IN NO EVENT SHALL ISC BE LIABLE FOR\nANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES\nWHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN\nACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT\nOF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.\n\nCopyright (c) 1988, 1993, 1994\nThe Regents of the University of California.  All rights reserved.\n\nThis code is derived from software written by Ken Arnold and\npublished in UNIX Review, Vol. 6, No. 8.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\nCopyright (c) 1989, 1993\nThe Regents of the University of California.  All rights reserved.\n\nThis code is derived from software contributed to Berkeley by\nPaul Vixie.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n3. Neither the name of the University nor the names of its contributors\nmay be used to endorse or promote products derived from this software\nwithout specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\n@(#)bitstring.h\t8.1 (Berkeley) 7/19/93\n\nADDITIONAL LICENSE INFORMATION:\n\n> GPL 2.0\n\ncronie-1.5.0.tar.gz\\cronie-1.5.0.tar\\cronie-1.5.0\\anacron\\global.h\n\n Anacron - run commands periodically\n    Copyright (C) 1998  Itai Tzur <itzur@actcom.co.il>\n    Copyright (C) 1999  Sean 'Shaleh' Perry <shaleh@debian.org>\n    Copyright (C) 2004  Pascal Hakim <pasc@redellipse.net>\n\n    This program is free software; you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation; either version 2 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License\n    along with this program; if not, write to the Free Software\n    Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA\n\n    The GNU General Public License can also be found in the file\n    `COPYING' that comes with the Anacron source distribution.\n\n\n>>> jquery-1.11.2\n\nCopyright 2014 jQuery Foundation and other contributors\nhttp://jquery.com/\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n\n>>> mattn/go-sqlite3-3fb7a0e7\n\nThe MIT License (MIT)\n\nCopyright (c) 2014 Yasuhiro Matsumoto\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\nADDITIONAL LICENSE INFORMATION:\n\n> BSD-2 Clause\n\ngo-sqlite3-master.zip\\go-sqlite3-master\\_example\\mod_vtable\\picojson.h\n\nCopyright 2009-2010 Cybozu Labs, Inc.\nCopyright 2011 Kazuho Oku\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are met:\n\n1. Redistributions of source code must retain the above copyright notice,\nthis list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright notice,\nthis list of conditions and the following disclaimer in the documentation\nand/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY CYBOZU LABS, INC. ``AS IS'' AND ANY EXPRESS OR\nIMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO\nEVENT SHALL CYBOZU LABS, INC. OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT,\nINDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES\n(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;\nLOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND\nON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF\nTHIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\nThe views and conclusions contained in the software and documentation are\nthose of the authors and should not be interpreted as representing official\npolicies, either expressed or implied, of Cybozu Labs, Inc.\n\n> Public Domain\n\ngo-sqlite3-master.zip\\go-sqlite3-master\\sqlite3ext.h\n\n2006 June 7\n\nThe author disclaims copyright to this source code.  In place of\na legal notice, here is a blessing:\n\nMay you do good and not evil.\nMay you find forgiveness for yourself and forgive others.\nMay you share freely, never taking more than you give.\n\n\n>>> moment-2.11.0\n\nCopyright (c) 2011-2015 Tim Wood, Iskren Chernev, Moment.js contributors\n\nPermission is hereby granted, free of charge, to any person\nobtaining a copy of this software and associated documentation\nfiles (the \"Software\"), to deal in the Software without\nrestriction, including without limitation the rights to use,\ncopy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the\nSoftware is furnished to do so, subject to the following\nconditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES\nOF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\nHOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,\nWHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\nFROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR\nOTHER DEALINGS IN THE SOFTWARE.\n\n\n>>> mqu/openldap-0.2\n\n/This work is part of OpenLDAP Software <http://www.openldap.org/>.\n\nCopyright 1998-2012 The OpenLDAP Foundation.\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted only as authorized by the OpenLDAP\nPublic License.\n\nA copy of this license is available in file LICENSE in the\ntop-level directory of the distribution or, alternatively, at\n<http://www.OpenLDAP.org/license.html>.\n/\n/ Portions Copyright (c) 1990 Regents of the University of Michigan.\nAll rights reserved.\n\nRedistribution and use in source and binary forms are permitted\nprovided that this notice is preserved and that due credit is given\nto the University of Michigan at Ann Arbor. The name of the University\nmay not be used to endorse or promote products derived from this\nsoftware without specific prior written permission. This software\nis provided ``as is'' without express or implied warranty.\n\n\n>>> nginx-1.11.5\n\nCopyright (C) 2002-2016 Igor Sysoev\nCopyright (C) 2011-2016 Nginx, Inc.\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1. Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n2. Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\nARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\nOR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\nLIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\nOUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGE.\n\n\n>>> shadow-4.2.1\n\nCopyright (c) 1991 - 1994, Julianne Frances Haugh\nCopyright (c) 1996 - 2000, Marek Michalkiewicz\nCopyright (c) 2000 - 2006, Tomasz Kloczko\nCopyright (c) 2007 - 2011, Nicolas Franois\nAll rights reserved\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1 Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer\n2 Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution\n3 The name of the copyright holders or contributors may not be used to\nendorse or promote products derived from this software without\nspecific prior written permission\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n``AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A\nPARTICULAR PURPOSE ARE DISCLAIMED  IN NO EVENT SHALL THE COPYRIGHT\nHOLDERS OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE\n\n\nADDITIONAL LICENSE INFORMATION:\n\n> GPL 2.0\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\src\\vipwc\n\nCopyright (c) 1997       , Guy Maor <maor@eceutexasedu>\nCopyright (c) 1999 - 2000, Marek Michalkiewicz\nCopyright (c) 2002 - 2006, Tomasz Kloczko\nCopyright (c) 2007 - 2013, Nicolas Franois\nAll rights reserved\n\nThis program is free software; you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation; either version 2 of the License, or\n(at your option) any later version\n\nThis program is distributed in the hope that it will be useful, but\nWITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE See the GNU\nGeneral Public License for more details\n\nYou should have received a copy of the GNU General Public License\nalong with this program; if not, write to the Free Software\nFoundation, Inc, 51 Franklin Street, Fifth Floor,\nBoston, MA 02110-1301, USA\n\nudbachktgz\n\n> BSD Style\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\src\\login_nopamc\n\nCopyright 1995 by Wietse Venema  All rights reserved Individual files\nmay be covered by other copyrights (as noted in the file itself)\n\nThis material was originally written and compiled by Wietse Venema at\nEindhoven University of Technology, The Netherlands, in 1990, 1991,\n1992, 1993, 1994 and 1995\n\nRedistribution and use in source and binary forms are permitted\nprovided that this entire copyright notice is duplicated in all such\ncopies\n\nThis software is provided \"as is\" and without any expressed or implied\nwarranties, including, without limitation, the implied warranties of\nmerchantibility and fitness for any particular purpose\n\n> Public Domain\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\zh_TW\\man1\\newgrp1\n\nOriginal author unknown  This man page is in the public domain\nModified Sat Oct  9 17:46:48 1993 by faith@csuncedu\nTH NEWGRP 1 \"9 October 1993\" \"Linux 12\" \"Linux Programmer's Manual\"\n\n> GPL 3.0 with Bison Parser Exception\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\libmisc\\getdatec\n\nA Bison parser, made by GNU Bison 302\n\nBison implementation for Yacc-like parsers in C\n\nCopyright (C) 1984, 1989-1990, 2000-2013 Free Software Foundation, Inc\n\nThis program is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE  See the\nGNU General Public License for more details\n\nYou should have received a copy of the GNU General Public License\nalong with this program  If not, see <http://wwwgnuorg/licenses/>\n\nAs a special exception, you may create a larger work that contains\npart or all of the Bison parser skeleton and distribute that work\nunder terms of your choice, so long as that work isn't itself a\nparser generator using the skeleton or a modified version thereof\nas a parser skeleton  Alternatively, if you modify or redistribute\nthe parser skeleton itself, you may (at your option) remove this\nspecial exception, which will cause the skeleton and the resulting\nBison output files to be licensed under the GNU General Public\nLicense without this special exception\n\nThis special exception was added by the Free Software Foundation in\nversion 22 of Bison\n\n> GPL 3.0\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\tr\\man1\\chfn.1\n\nchfn.1 -- change your finger information\n(c) 1994 by salvatore valente <svalente@athena.mit.edu>\nthis program is free software.  you can redistribute it and\nmodify it under the terms of the gnu general public license.\nthere is no warranty.\n\n> MIT-Style\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\aclocalm4\n\nCopyright (C) 1996, 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004,\n2005, 2006, 2007, 2008, 2009, 2010, 2011 Free Software Foundation,\nInc\nThis file is free software; the Free Software Foundation\ngives unlimited permission to copy and/or distribute it,\nwith or without modifications, as long as this notice is preserved\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY, to the extent permitted by law; without\neven the implied warranty of MERCHANTABILITY or FITNESS FOR A\nPARTICULAR PURPOSE\n\n> BSD 3-Clause\n\n[PLEASE NOTE:  VMWARE, INC ELECTS TO USE AND DISTRIBUTE THIS COMPONENT UNDER THE TERMS OF THE BSD LICENSE THE ORIGINAL LICENSE TERMS ARE REPRODUCED BELOW ONLY AS A REFERENCE]\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\tr\\man1\\passwd1\n\nCopyright Red Hat, Inc, 1998, 1999, 2002\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n1 Redistributions of source code must retain the above copyright\nnotice, and the entire permission notice in its entirety,\nincluding the disclaimer of warranties\n2 Redistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution\n3 The name of the author may not be used to endorse or promote\nproducts derived from this software without specific prior\nwritten permission\n\nALTERNATIVELY, this product may be distributed under the terms of\nthe GNU Public License, in which case the provisions of the GPL are\nrequired INSTEAD OF the above restrictions  (This clause is\nnecessary due to a potential bad interaction between the GPL and\nthe restrictions contained in a BSD-style copyright)\n\nTHIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY EXPRESS OR IMPLIED\nWARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES\nOF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\nDISCLAIMED  IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY DIRECT,\nINDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES\n(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\nSERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\nHOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,\nSTRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)\nARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED\nOF THE POSSIBILITY OF SUCH DAMAGE\n\nCopyright (c) Cristian Gafton, 1998, <gafton@redhatcom>\n\n>  LDP General Public License\n\nshadow-421tarxz\\shadow-421tar\\shadow-421\\man\\hu\\man1\\su1\n\nYou may copy, distribute and modify under the terms of the LDP General\nPublic License as specified in the LICENSE file that comes with the\ngnumaniak distribution\n\nThe author kindly requests that no comments regarding the \"better\"\nsuitability or up\\-to\\-date notices of any info documentation alternative\nis added without contacting him first\n\n(C) 1999 Ragnar Hojland Espinosa <ragnar@maculanet>\n\nGNU su man page\nman pages are NOT obsolete!\n<ragnar@maculanet>\nTH su 1 \"18 August 1999\" \"GNU Shell Utilities 20\"\n\n\n--------------- SECTION 2: Apache License, V2.0 ----------\n\nApache License, V2.0 is applicable to the following component(s).\n\n\n>>> apr-util-1.5.4\n\nLicensed to the Apache Software Foundation (ASF) under one or more\ncontributor license agreements.  See the NOTICE file distributed with\nthis work for additional information regarding copyright ownership.\nThe ASF licenses this file to You under the Apache License, Version 2.0\n(the \"License\"); you may not use this file except in compliance with\nthe License.  You may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\nADDITIONAL LICENSE INFORMATION:\n\n> apr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\NOTICE\n\nApache Portable Runtime Utility Library\nCopyright (c) 2000-2014 The Apache Software Foundation.\n\nThis product includes software developed at\nThe Apache Software Foundation (http://www.apache.org/).\n\nPortions of this software were developed at the National Center\nfor Supercomputing Applications (NCSA) at the University of\nIllinois at Urbana-Champaign.\n\nThis software contains code derived from the RSA Data Security\nInc. MD5 Message-Digest Algorithm, including various\nmodifications by Spyglass Inc., Carnegie Mellon University, and\nBell Communications Research, Inc (Bellcore).\n\n> RSA Data Security\n\napr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\include\\apr_md4.h\n\nThis is derived from material copyright RSA Data Security, Inc.\nTheir notice is reproduced below in its entirety.\n\nCopyright (C) 1991-2, RSA Data Security, Inc. Created 1991. All\nrights reserved.\n\nLicense to copy and use this software is granted provided that it\nis identified as the \"RSA Data Security, Inc. MD4 Message-Digest\nAlgorithm\" in all material mentioning or referencing this software\nor this function.\n\nLicense is also granted to make and use derivative works provided\nthat such works are identified as \"derived from the RSA Data\nSecurity, Inc. MD4 Message-Digest Algorithm\" in all material\nmentioning or referencing the derived work.\n\nRSA Data Security, Inc. makes no representations concerning either\nthe merchantability of this software or the suitability of this\nsoftware for any particular purpose. It is provided \"as is\"\nwithout express or implied warranty of any kind.\n\nThese notices must be retained in any copies of any part of this\ndocumentation and/or software.\n\n> MIT\n\napr-util-1.5.4.tar.gz\\apr-util-1.5.4.tar\\apr-util-1.5.4\\xml\\expat\\COPYING\n\nCopyright (c) 1998, 1999, 2000 Thai Open Source Software Center Ltd\nand Clark Cooper\nCopyright (c) 2001, 2002 Expat maintainers.\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be included\nin all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.\nIN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY\nCLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,\nTORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\nSOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n> OpenLDAP Public License (BSD-Style)\n\nPortions Copyright 1998-2002 The OpenLDAP Foundation\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted only as authorized by the OpenLDAP\nPublic License.  A copy of this license is available at\nhttp://www.OpenLDAP.org/license.html or in file LICENSE in the\ntop-level directory of the distribution.\n\nOpenLDAP is a registered trademark of the OpenLDAP Foundation.\n\nIndividual files and/or contributed packages may be copyright by\nother parties and subject to additional restrictions.\n\nThis work is derived from the University of Michigan LDAP v3.3\ndistribution.  Information concerning this software is available\nat: http://www.umich.edu/~dirsvcs/ldap/\n\nThis work also contains materials derived from public sources.\n\nAdditional information about OpenLDAP can be obtained at:\nhttp://www.openldap.org/\n\n\n\nPortions Copyright (c) 1992-1996 Regents of the University of Michigan.\nAll rights reserved.\n\nRedistribution and use in source and binary forms are permitted\nprovided that this notice is preserved and that due credit is given\nto the University of Michigan at Ann Arbor. The name of the University\nmay not be used to endorse or promote products derived from this\nsoftware without specific prior written permission. This software\nis provided ``as is'' without express or implied warranty.\n\n\n>>> beego-1.6.1\n\nCopyright 2014 beego Author. All Rights Reserved.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\nADDITIONAL LICENSE INFORMATION:\n\n> BSD\n\nbeego-1.6.1.tar.gz\\beego-1.6.1.tar\\beego-1.6.1\\session\\README.md\n\nLICENSE\n\nBSD License http://creativecommons.org/licenses/BSD/\n\n> MIT\n\nbeego-1.6.1.tar.gz\\beego-1.6.1.tar\\beego-1.6.1\\utils\\captcha\\LICENSE\n\nCopyright (c) 2011-2014 Dmitry Chestnykh <dmitry@codingrobots.com>\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n\n>>> docker-distribution-2.5.0\n\nLicense\n\nThis project is distributed under [Apache License, Version 2.0](LICENSE).\n\nADDITIONAL LICENSE INFORMATION:\n\n> MIT\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\bugsnag\\bugsnag-go\\LICENSE.txt\n\nCopyright (c) 2014 Bugsnag\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n\n> MIT Style\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\bugsnag\\osext\\LICENSE\n\nCopyright (c) 2012 Daniel Theophanes\n\nThis software is provided 'as-is', without any express or implied\nwarranty. In no event will the authors be held liable for any damages\narising from the use of this software.\n\nPermission is granted to anyone to use this software for any purpose,\nincluding commercial applications, and to alter it and redistribute it\nfreely, subject to the following restrictions:\n\n1. The origin of this software must not be misrepresented; you must not\nclaim that you wrote the original software. If you use this software\nin a product, an acknowledgment in the product documentation would be\nappreciated but is not required.\n\n2. Altered source versions must be plainly marked as such, and must not be\nmisrepresented as being the original software.\n\n3. This notice may not be removed or altered from any source\ndistribution.\n\n\n> CC-Attribution 3.0\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\docker\\libtrust\\README.md\n\nCopyright and license\n\nCode and documentation copyright 2014 Docker, inc. Code released under the Apache 2.0 license.\nDocs released under Creative commons.\n\n\n> BSD 3-Clause\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\golang\\protobuf\\LICENSE\n\nGo support for Protocol Buffers - Google's data interchange format\n\nCopyright 2010 The Go Authors.  All rights reserved.\nhttps://github.com/golang/protobuf\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are\nmet:\n\n* Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n* Redistributions in binary form must reproduce the above\ncopyright notice, this list of conditions and the following disclaimer\nin the documentation and/or other materials provided with the\ndistribution.\n* Neither the name of Google Inc. nor the names of its\ncontributors may be used to endorse or promote products derived from\nthis software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\nOWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n\n> BSD 2-Clause\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\github.com\\gorilla\\handlers\\LICENSE\n\nCopyright (c) 2013 The Gorilla Handlers Authors. All rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are met:\n\nRedistributions of source code must retain the above copyright notice, this\nlist of conditions and the following disclaimer.\n\nRedistributions in binary form must reproduce the above copyright notice,\nthis list of conditions and the following disclaimer in the documentation\nand/or other materials provided with the distribution.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND\nANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED\nWARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\nDISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\nSERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER\nCAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,\nOR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n> BSD-3\n\ndistribution-2.5.0.tar.gz\\distribution-2.5.0.tar\\distribution-2.5.0\\vendor\\golang.org\\x\\crypto\\LICENSE\n\nCopyright (c) 2009 The Go Authors. All rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are\nmet:\n\n* Redistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n* Redistributions in binary form must reproduce the above\ncopyright notice, this list of conditions and the following disclaimer\nin the documentation and/or other materials provided with the\ndistribution.\n* Neither the name of Google Inc. nor the names of its\ncontributors may be used to endorse or promote products derived from\nthis software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\nOWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\nSPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\nLIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\nDATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\nTHEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\nAdditional IP Rights Grant (Patents)\n\n\"This implementation\" means the copyrightable works distributed by\nGoogle as part of the Go project.\n\nGoogle hereby grants to You a perpetual, worldwide, non-exclusive,\nno-charge, royalty-free, irrevocable (except as stated in this section)\npatent license to make, have made, use, offer to sell, sell, import,\ntransfer and otherwise run, modify and propagate the contents of this\nimplementation of Go, where such license applies only to those patent\nclaims, both currently owned or controlled by Google and acquired in\nthe future, licensable by Google that are necessarily infringed by this\nimplementation of Go.  This grant does not include claims that would be\ninfringed only as a consequence of further modification of this\nimplementation.  If you or your agent or exclusive licensee institute or\norder or agree to the institution of patent litigation against any\nentity (including a cross-claim or counterclaim in a lawsuit) alleging\nthat this implementation of Go or any code incorporated within this\nimplementation of Go constitutes direct or contributory patent\ninfringement, or inducement of patent infringement, then any patent\nrights granted to you under this License for this implementation of Go\nshall terminate as of the date such litigation is filed.\n\n\n>>> docker-libtrust -9cbd2a1\n\nCopyright and license\n\nCode and documentation copyright 2014 Docker, inc. Code released under the Apache 2.0 license.\nDocs released under Creative commons.\n\n\n>>> registry-2.5.0\n\nLicense: Apache 2.0\n\n\n--------------- SECTION 3: GNU General Public License, V2.0 ----------\n\nGNU General Public License, V2.0 is applicable to the following component(s).\n\n\n>>> logrotate-3.9.1\n\nLICENSE : GPL 2.0\n\nADDITIONAL LICENSE INFORMATION:\n\n>   BSD 3-Clause\n\nlogrotate-3.9.1.tar.gz\\logrotate-3.9.1.tar\\logrotate-3.9.1\\queue.h\n\nCopyright (c) 1991, 1993\n\tThe Regents of the University of California.  All rights reserved.\n\n Redistribution and use in source and binary forms, with or without\n modification, are permitted provided that the following conditions\n are met:\n 1. Redistributions of source code must retain the above copyright\n    notice, this list of conditions and the following disclaimer.\n 2. Redistributions in binary form must reproduce the above copyright\n    notice, this list of conditions and the following disclaimer in the\n    documentation and/or other materials provided with the distribution.\n 3. Neither the name of the University nor the names of its contributors\n    may be used to endorse or promote products derived from this software\n    without specific prior written permission.\n\n THIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND\n ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\n IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE\n ARE DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE\n FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\n DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS\n OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\n HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT\n LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY\n OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF\n SUCH DAMAGE.\n\n\n>>> mysql-5.6\n\nLicense: GPL 2.0\n\n\n--------------- SECTION 4: GNU General Public License, V3.0 ----------\n\nGNU General Public License, V3.0 is applicable to the following component(s).\n\n\n>>> rsyslog-8.15.0\n\nCopyright 2007, 2014 Rainer Gerhards and Adiscon GmbH.\n\nThis file is part of rsyslog.\n\nRsyslog is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version.\n\nRsyslog is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with Rsyslog.  If not, see <http://www.gnu.org/licenses/>.\n\nA copy of the GPL can be found in the file \"COPYING\" in this distribution.\n\nADDITIONAL LICENSE INFORMATION:\n\n> CDDL 1.1\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\compat\\getifaddrs.c\n\nThe contents of this file are subject to the terms of the\nCommon Development and Distribution License (the \"License\").\nYou may not use this file except in compliance with the License.\n\nYou can obtain a copy of the license at usr/src/OPENSOLARIS.LICENSE\nor http://www.opensolaris.org/os/licensing.\nSee the License for the specific language governing permissions\nand limitations under the License.\n\nWhen distributing Covered Code, include this CDDL HEADER in each\nfile and include the License file at usr/src/OPENSOLARIS.LICENSE.\nIf applicable, add the following below this CDDL HEADER, with the\nfields enclosed by brackets \"[]\" replaced with your own identifying\ninformation: Portions Copyright [yyyy] [name of copyright owner]\n\n> Apache 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\compat\\strndup.c\n\nCopyright 2015 Rainer Gerhards and Adiscon\n\nThis file is part of rsyslog.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n-or-\nsee COPYING.ASL20 in the source distribution\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n> LGPL  3.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\contrib\\imzmq3\\imzmq3.c\n\nCopyright 2012 Talksum, Inc.\n\nThis program is free software: you can redistribute it and/or\nmodify it under the terms of the GNU Lesser General Public License\nas published by the Free Software Foundation, either version 3 of\nthe License, or (at your option) any later version.\n\nThis program is distributed in the hope that it will be useful, but\nWITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU\nLesser General Public License for more details.\n\nYou should have received a copy of the GNU Lesser General Public\nLicense along with this program.  If not, see\n<http://www.gnu.org/licenses/>.\n\nAuthors:\nDavid Kelly <davidk@talksum.com>\nHongfei Cheng hongfeic@talksum.com\n\n> GPL 3.0 (WITH BISON PARSER EXCEPTION)\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\grammar\\grammar.c\n\nCopyright (C) 1984, 1989-1990, 2000-2013 Free Software Foundation, Inc.\n\nThis program is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version.\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with this program.  If not, see <http://www.gnu.org/licenses/>.\n\nAs a special exception, you may create a larger work that contains\npart or all of the Bison parser skeleton and distribute that work\nunder terms of your choice, so long as that work isn't itself a\nparser generator using the skeleton or a modified version thereof\nas a parser skeleton.  Alternatively, if you modify or redistribute\nthe parser skeleton itself, you may (at your option) remove this\nspecial exception, which will cause the skeleton and the resulting\nBison output files to be licensed under the GNU General Public\nLicense without this special exception.\n\nThis special exception was added by the Free Software Foundation in\nversion 2.2 of Bison.\n\n> MIT\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\plugins\\omelasticsearch\\cJSON\\cjson.c\n\nCopyright (c) 2009 Dave Gamble\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n\n> BSD 3-Clause\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\runtime\\hashtable.h\n\nCopyright (c) 2002, Christopher Clark\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions\nare met:\n\nRedistributions of source code must retain the above copyright\nnotice, this list of conditions and the following disclaimer.\n\nRedistributions in binary form must reproduce the above copyright\nnotice, this list of conditions and the following disclaimer in the\ndocumentation and/or other materials provided with the distribution.\n\nNeither the name of the original author; nor the names of any contributors\nmay be used to endorse or promote products derived from this software\nwithout specific prior written permission.\n\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n\"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\nLIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\nA PARTICULAR PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL THE COPYRIGHT OWNER\nOR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,\nEXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,\nPROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR\nPROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF\nLIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING\nNEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS\nSOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\n> GPL 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\tools\\rsyslog.conf.5\n\nThis file is part of the rsyslog  package, an enhanced system log daemon.\n\nThis program is free software; you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation; either version 2 of the License, or\n(at your option) any later version.\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with this program; if not, write to the Free Software\nFoundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111, USA.\n\n> LGPL 2.0\n\nrsyslog-8.15.0.tar.gz\\rsyslog-8.15.0.tar\\rsyslog-8.15.0\\tools\\rscryutil.rst\n\nCOPYRIGHT\n=========\n\nThis page is part of the *rsyslog* project, and is available under\nLGPLv2.\n\n\n--------------- SECTION 5: Mozilla Public License, V2.0 ----------\n\nMozilla Public License, V2.0 is applicable to the following component(s).\n\n\n>>> go-sql-driver/mysql-1.2\n\nCopyright 2013 The Go-MySQL-Driver Authors. All rights reserved.\n\nThis Source Code Form is subject to the terms of the Mozilla Public\nLicense, v. 2.0. If a copy of the MPL was not distributed with this file,\nYou can obtain one at http://mozilla.org/MPL/2.0/.\n\n\n=============== APPENDIX. Standard License Files ============== \n\n\n\n--------------- SECTION 1: Mozilla Public License, V2.0 -----------\n\nMozilla Public License\nVersion 2.0\n\n1. Definitions\n\n1.1. Contributor\nmeans each individual or legal entity that creates, contributes to the creation of, or owns Covered Software.\n\n1.2. Contributor Version\nmeans the combination of the Contributions of others (if any) used by a Contributor and that particular Contributors Contribution.\n\n1.3. Contribution\nmeans Covered Software of a particular Contributor.\n\n1.4. Covered Software\nmeans Source Code Form to which the initial Contributor has attached the notice in Exhibit A, the Executable Form of such Source Code Form, and Modifications of such Source Code Form, in each case including portions thereof.\n\n1.5. Incompatible With Secondary Licenses\nmeans\n\nthat the initial Contributor has attached the notice described in Exhibit B to the Covered Software; or\n\nthat the Covered Software was made available under the terms of version 1.1 or earlier of the License, but not also under the terms of a Secondary License.\n\n1.6. Executable Form\nmeans any form of the work other than Source Code Form.\n\n1.7. Larger Work\nmeans a work that combines Covered Software with other material, in a separate file or files, that is not Covered Software.\n\n1.8. License\nmeans this document.\n\n1.9. Licensable\nmeans having the right to grant, to the maximum extent possible, whether at the time of the initial grant or subsequently, any and all of the rights conveyed by this License.\n\n1.10. Modifications\nmeans any of the following:\n\nany file in Source Code Form that results from an addition to, deletion from, or modification of the contents of Covered Software; or\n\nany new file in Source Code Form that contains any Covered Software.\n\n1.11. Patent Claims of a Contributor\nmeans any patent claim(s), including without limitation, method, process, and apparatus claims, in any patent Licensable by such Contributor that would be infringed, but for the grant of the License, by the making, using, selling, offering for sale, having made, import, or transfer of either its Contributions or its Contributor Version.\n\n1.12. Secondary License\nmeans either the GNU General Public License, Version 2.0, the GNU Lesser General Public License, Version 2.1, the GNU Affero General Public License, Version 3.0, or any later versions of those licenses.\n\n1.13. Source Code Form\nmeans the form of the work preferred for making modifications.\n\n1.14. You (or Your)\nmeans an individual or a legal entity exercising rights under this License. For legal entities, You includes any entity that controls, is controlled by, or is under common control with You. For purposes of this definition, control means (a) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (b) ownership of more than fifty percent (50%) of the outstanding shares or beneficial ownership of such entity.\n\n2. License Grants and Conditions\n\n2.1. Grants\n\nEach Contributor hereby grants You a world-wide, royalty-free, non-exclusive license:\n\nunder intellectual property rights (other than patent or trademark) Licensable by such Contributor to use, reproduce, make available, modify, display, perform, distribute, and otherwise exploit its Contributions, either on an unmodified basis, with Modifications, or as part of a Larger Work; and\n\nunder Patent Claims of such Contributor to make, use, sell, offer for sale, have made, import, and otherwise transfer either its Contributions or its Contributor Version.\n\n2.2. Effective Date\n\nThe licenses granted in Section 2.1 with respect to any Contribution become effective for each Contribution on the date the Contributor first distributes such Contribution.\n\n2.3. Limitations on Grant Scope\n\nThe licenses granted in this Section 2 are the only rights granted under this License. No additional rights or licenses will be implied from the distribution or licensing of Covered Software under this License. Notwithstanding Section 2.1(b) above, no patent license is granted by a Contributor:\n\nfor any code that a Contributor has removed from Covered Software; or\n\nfor infringements caused by: (i) Your and any other third partys modifications of Covered Software, or (ii) the combination of its Contributions with other software (except as part of its Contributor Version); or\n\nunder Patent Claims infringed by Covered Software in the absence of its Contributions.\n\nThis License does not grant any rights in the trademarks, service marks, or logos of any Contributor (except as may be necessary to comply with the notice requirements in Section 3.4).\n\n2.4. Subsequent Licenses\n\nNo Contributor makes additional grants as a result of Your choice to distribute the Covered Software under a subsequent version of this License (see Section 10.2) or under the terms of a Secondary License (if permitted under the terms of Section 3.3).\n\n2.5. Representation\n\nEach Contributor represents that the Contributor believes its Contributions are its original creation(s) or it has sufficient rights to grant the rights to its Contributions conveyed by this License.\n\n2.6. Fair Use\n\nThis License is not intended to limit any rights You have under applicable copyright doctrines of fair use, fair dealing, or other equivalents.\n\n2.7. Conditions\n\nSections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted in Section 2.1.\n\n3. Responsibilities\n\n3.1. Distribution of Source Form\n\nAll distribution of Covered Software in Source Code Form, including any Modifications that You create or to which You contribute, must be under the terms of this License. You must inform recipients that the Source Code Form of the Covered Software is governed by the terms of this License, and how they can obtain a copy of this License. You may not attempt to alter or restrict the recipients rights in the Source Code Form.\n\n3.2. Distribution of Executable Form\n\nIf You distribute Covered Software in Executable Form then:\n\nsuch Covered Software must also be made available in Source Code Form, as described in Section 3.1, and You must inform recipients of the Executable Form how they can obtain a copy of such Source Code Form by reasonable means in a timely manner, at a charge no more than the cost of distribution to the recipient; and\n\nYou may distribute such Executable Form under the terms of this License, or sublicense it under different terms, provided that the license for the Executable Form does not attempt to limit or alter the recipients rights in the Source Code Form under this License.\n\n3.3. Distribution of a Larger Work\n\nYou may create and distribute a Larger Work under terms of Your choice, provided that You also comply with the requirements of this License for the Covered Software. If the Larger Work is a combination of Covered Software with a work governed by one or more Secondary Licenses, and the Covered Software is not Incompatible With Secondary Licenses, this License permits You to additionally distribute such Covered Software under the terms of such Secondary License(s), so that the recipient of the Larger Work may, at their option, further distribute the Covered Software under the terms of either this License or such Secondary License(s).\n\n3.4. Notices\n\nYou may not remove or alter the substance of any license notices (including copyright notices, patent notices, disclaimers of warranty, or limitations of liability) contained within the Source Code Form of the Covered Software, except that You may alter any license notices to the extent required to remedy known factual inaccuracies.\n\n3.5. Application of Additional Terms\n\nYou may choose to offer, and to charge a fee for, warranty, support, indemnity or liability obligations to one or more recipients of Covered Software. However, You may do so only on Your own behalf, and not on behalf of any Contributor. You must make it absolutely clear that any such warranty, support, indemnity, or liability obligation is offered by You alone, and You hereby agree to indemnify every Contributor for any liability incurred by such Contributor as a result of warranty, support, indemnity or liability terms You offer. You may include additional disclaimers of warranty and limitations of liability specific to any jurisdiction.\n\n4. Inability to Comply Due to Statute or Regulation\n\nIf it is impossible for You to comply with any of the terms of this License with respect to some or all of the Covered Software due to statute, judicial order, or regulation then You must: (a) comply with the terms of this License to the maximum extent possible; and (b) describe the limitations and the code they affect. Such description must be placed in a text file included with all distributions of the Covered Software under this License. Except to the extent prohibited by statute or regulation, such description must be sufficiently detailed for a recipient of ordinary skill to be able to understand it.\n\n5. Termination\n\n5.1. The rights granted under this License will terminate automatically if You fail to comply with any of its terms. However, if You become compliant, then the rights granted under this License from a particular Contributor are reinstated (a) provisionally, unless and until such Contributor explicitly and finally terminates Your grants, and (b) on an ongoing basis, if such Contributor fails to notify You of the non-compliance by some reasonable means prior to 60 days after You have come back into compliance. Moreover, Your grants from a particular Contributor are reinstated on an ongoing basis if such Contributor notifies You of the non-compliance by some reasonable means, this is the first time You have received notice of non-compliance with this License from such Contributor, and You become compliant prior to 30 days after Your receipt of the notice.\n\n5.2. If You initiate litigation against any entity by asserting a patent infringement claim (excluding declaratory judgment actions, counter-claims, and cross-claims) alleging that a Contributor Version directly or indirectly infringes any patent, then the rights granted to You by any and all Contributors for the Covered Software under Section 2.1 of this License shall terminate.\n\n5.3. In the event of termination under Sections 5.1 or 5.2 above, all end user license agreements (excluding distributors and resellers) which have been validly granted by You or Your distributors under this License prior to termination shall survive termination.\n\n6. Disclaimer of Warranty\n\nCovered Software is provided under this License on an as is basis, without warranty of any kind, either expressed, implied, or statutory, including, without limitation, warranties that the Covered Software is free of defects, merchantable, fit for a particular purpose or non-infringing. The entire risk as to the quality and performance of the Covered Software is with You. Should any Covered Software prove defective in any respect, You (not any Contributor) assume the cost of any necessary servicing, repair, or correction. This disclaimer of warranty constitutes an essential part of this License. No use of any Covered Software is authorized under this License except under this disclaimer.\n\n7. Limitation of Liability\n\nUnder no circumstances and under no legal theory, whether tort (including negligence), contract, or otherwise, shall any Contributor, or anyone who distributes Covered Software as permitted above, be liable to You for any direct, indirect, special, incidental, or consequential damages of any character including, without limitation, damages for lost profits, loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses, even if such party shall have been informed of the possibility of such damages. This limitation of liability shall not apply to liability for death or personal injury resulting from such partys negligence to the extent applicable law prohibits such limitation. Some jurisdictions do not allow the exclusion or limitation of incidental or consequential damages, so this exclusion and limitation may not apply to You.\n\n8. Litigation\n\nAny litigation relating to this License may be brought only in the courts of a jurisdiction where the defendant maintains its principal place of business and such litigation shall be governed by laws of that jurisdiction, without reference to its conflict-of-law provisions. Nothing in this Section shall prevent a partys ability to bring cross-claims or counter-claims.\n\n9. Miscellaneous\n\nThis License represents the complete agreement concerning the subject matter hereof. If any provision of this License is held to be unenforceable, such provision shall be reformed only to the extent necessary to make it enforceable. Any law or regulation which provides that the language of a contract shall be construed against the drafter shall not be used to construe this License against a Contributor.\n\n10. Versions of the License\n\n10.1. New Versions\n\nMozilla Foundation is the license steward. Except as provided in Section 10.3, no one other than the license steward has the right to modify or publish new versions of this License. Each version will be given a distinguishing version number.\n\n10.2. Effect of New Versions\n\nYou may distribute the Covered Software under the terms of the version of the License under which You originally received the Covered Software, or under the terms of any subsequent version published by the license steward.\n\n10.3. Modified Versions\n\nIf you create software not governed by this License, and you want to create a new license for such software, you may create and use a modified version of this License if you rename the license and remove any references to the name of the license steward (except to note that such modified license differs from this License).\n\n10.4. Distributing Source Code Form that is Incompatible With Secondary Licenses\n\nIf You choose to distribute Source Code Form that is Incompatible With Secondary Licenses under the terms of this version of the License, the notice described in Exhibit B of this License must be attached.\n\nExhibit A - Source Code Form License Notice\n\nThis Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/.\n\nIf it is not possible or desirable to put the notice in a particular file, then You may include the notice in a location (such as a LICENSE file in a relevant directory) where a recipient would be likely to look for such a notice.\n\nYou may add additional accurate notices of copyright ownership.\n\nExhibit B - Incompatible With Secondary Licenses Notice\n\nThis Source Code Form is Incompatible With Secondary Licenses, as defined by the Mozilla Public License, v. 2.0.\n\n--------------- SECTION 2: Apache License, V2.0 -----------\n\nApache License \n\nVersion 2.0, January 2004 \nhttp://www.apache.org/licenses/ \n\nTERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION \n\n1. Definitions.\n\n\"License\" shall mean the terms and conditions for use, reproduction,\nand distribution as defined by Sections 1 through 9 of this document.\n\n\"Licensor\" shall mean the copyright owner or entity authorized by the\ncopyright owner that is granting the License.  \n\n\"Legal Entity\" shall mean the union of the acting entity and all other\nentities that control, are controlled by, or are under common control\nwith that entity. For the purposes of this definition, \"control\" means\n(i) the power, direct or indirect, to cause the direction or management\nof such entity, whether by contract or otherwise, or (ii) ownership\nof fifty percent (50%) or more of the outstanding shares, or (iii)\nbeneficial ownership of such entity.\n\n\"You\" (or \"Your\") shall mean an individual or Legal Entity exercising\npermissions granted by this License.  \n\n\"Source\" form shall mean the preferred form for making modifications,\nincluding but not limited to software source code, documentation source,\nand configuration files.\n\n\"Object\" form shall mean any form resulting from mechanical transformation\nor translation of a Source form, including but not limited to compiled\nobject code, generated documentation, and conversions to other media\ntypes.  \n\n\"Work\" shall mean the work of authorship, whether in Source or\nObject form, made available under the License, as indicated by a copyright\nnotice that is included in or attached to the work (an example is provided\nin the Appendix below).  \n\n\"Derivative Works\" shall mean any work, whether in Source or Object form,\nthat is based on (or derived from) the Work and for which the editorial\nrevisions, annotations, elaborations, or other modifications represent,\nas a whole, an original work of authorship. For the purposes of this\nLicense, Derivative Works shall not include works that remain separable\nfrom, or merely link (or bind by name) to the interfaces of, the Work\nand Derivative Works thereof.\n\n\"Contribution\" shall mean any work of authorship, including the\noriginal version of the Work and any modifications or additions to\nthat Work or Derivative Works thereof, that is intentionally submitted\nto Licensor for inclusion in the Work by the copyright owner or by an\nindividual or Legal Entity authorized to submit on behalf of the copyright\nowner. For the purposes of this definition, \"submitted\" means any form of\nelectronic, verbal, or written communication sent to the Licensor or its\nrepresentatives, including but not limited to communication on electronic\nmailing lists, source code control systems, and issue tracking systems\nthat are managed by, or on behalf of, the Licensor for the purpose of\ndiscussing and improving the Work, but excluding communication that is\nconspicuously marked or otherwise designated in writing by the copyright\nowner as \"Not a Contribution.\"\n\n\"Contributor\" shall mean Licensor and any individual or Legal Entity\non behalf of whom a Contribution has been received by Licensor and\nsubsequently incorporated within the Work.\n\n2. Grant of Copyright License.\nSubject to the terms and conditions of this License, each Contributor\nhereby grants to You a perpetual, worldwide, non-exclusive, no-charge,\nroyalty-free, irrevocable copyright license to reproduce, prepare\nDerivative Works of, publicly display, publicly perform, sublicense, and\ndistribute the Work and such Derivative Works in Source or Object form.\n\n3. Grant of Patent License.\nSubject to the terms and conditions of this License, each Contributor\nhereby grants to You a perpetual, worldwide, non-exclusive, no-charge,\nroyalty- free, irrevocable (except as stated in this section) patent\nlicense to make, have made, use, offer to sell, sell, import, and\notherwise transfer the Work, where such license applies only to those\npatent claims licensable by such Contributor that are necessarily\ninfringed by their Contribution(s) alone or by combination of\ntheir Contribution(s) with the Work to which such Contribution(s)\nwas submitted. If You institute patent litigation against any entity\n(including a cross-claim or counterclaim in a lawsuit) alleging that the\nWork or a Contribution incorporated within the Work constitutes direct\nor contributory patent infringement, then any patent licenses granted\nto You under this License for that Work shall terminate as of the date\nsuch litigation is filed.\n\n4. Redistribution.\nYou may reproduce and distribute copies of the Work or Derivative Works\nthereof in any medium, with or without modifications, and in Source or\nObject form, provided that You meet the following conditions:\n\n  a. You must give any other recipients of the Work or Derivative Works\n     a copy of this License; and\n\n  b. You must cause any modified files to carry prominent notices stating\n     that You changed the files; and\n\n  c. You must retain, in the Source form of any Derivative Works that\n     You distribute, all copyright, patent, trademark, and attribution\n     notices from the Source form of the Work, excluding those notices\n     that do not pertain to any part of the Derivative Works; and\n\n  d. If the Work includes a \"NOTICE\" text file as part of its\n     distribution, then any Derivative Works that You distribute must\n     include a readable copy of the attribution notices contained\n     within such NOTICE file, excluding those notices that do not\n     pertain to any part of the Derivative Works, in at least one of\n     the following places: within a NOTICE text file distributed as part\n     of the Derivative Works; within the Source form or documentation,\n     if provided along with the Derivative Works; or, within a display\n     generated by the Derivative Works, if and wherever such third-party\n     notices normally appear. The contents of the NOTICE file are for\n     informational purposes only and do not modify the License. You\n     may add Your own attribution notices within Derivative Works that\n     You distribute, alongside or as an addendum to the NOTICE text\n     from the Work, provided that such additional attribution notices\n     cannot be construed as modifying the License.  You may add Your own\n     copyright statement to Your modifications and may provide additional\n     or different license terms and conditions for use, reproduction, or\n     distribution of Your modifications, or for any such Derivative Works\n     as a whole, provided Your use, reproduction, and distribution of the\n     Work otherwise complies with the conditions stated in this License.\n\n5. Submission of Contributions.\nUnless You explicitly state otherwise, any Contribution intentionally\nsubmitted for inclusion in the Work by You to the Licensor shall be\nunder the terms and conditions of this License, without any additional\nterms or conditions.  Notwithstanding the above, nothing herein shall\nsupersede or modify the terms of any separate license agreement you may\nhave executed with Licensor regarding such Contributions.\n\n6. Trademarks.\nThis License does not grant permission to use the trade names, trademarks,\nservice marks, or product names of the Licensor, except as required for\nreasonable and customary use in describing the origin of the Work and\nreproducing the content of the NOTICE file.\n\n7. Disclaimer of Warranty.\nUnless required by applicable law or agreed to in writing, Licensor\nprovides the Work (and each Contributor provides its Contributions) on\nan \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either\nexpress or implied, including, without limitation, any warranties or\nconditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR\nA PARTICULAR PURPOSE. You are solely responsible for determining the\nappropriateness of using or redistributing the Work and assume any risks\nassociated with Your exercise of permissions under this License.\n\n8. Limitation of Liability.\nIn no event and under no legal theory, whether in tort (including\nnegligence), contract, or otherwise, unless required by applicable law\n(such as deliberate and grossly negligent acts) or agreed to in writing,\nshall any Contributor be liable to You for damages, including any direct,\nindirect, special, incidental, or consequential damages of any character\narising as a result of this License or out of the use or inability to\nuse the Work (including but not limited to damages for loss of goodwill,\nwork stoppage, computer failure or malfunction, or any and all other\ncommercial damages or losses), even if such Contributor has been advised\nof the possibility of such damages.\n\n9. Accepting Warranty or Additional Liability.\nWhile redistributing the Work or Derivative Works thereof, You may\nchoose to offer, and charge a fee for, acceptance of support, warranty,\nindemnity, or other liability obligations and/or rights consistent with\nthis License. However, in accepting such obligations, You may act only\non Your own behalf and on Your sole responsibility, not on behalf of\nany other Contributor, and only if You agree to indemnify, defend, and\nhold each Contributor harmless for any liability incurred by, or claims\nasserted against, such Contributor by reason of your accepting any such\nwarranty or additional liability.\n\nEND OF TERMS AND CONDITIONS \n\n\n\n--------------- SECTION 3: GNU General Public License, V3.0 -----------\n\n                    GNU GENERAL PUBLIC LICENSE\n                       Version 3, 29 June 2007\n\n Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n                            Preamble\n\n  The GNU General Public License is a free, copyleft license for\nsoftware and other kinds of works.\n\n  The licenses for most software and other practical works are designed\nto take away your freedom to share and change the works.  By contrast,\nthe GNU General Public License is intended to guarantee your freedom to\nshare and change all versions of a program--to make sure it remains free\nsoftware for all its users.  We, the Free Software Foundation, use the\nGNU General Public License for most of our software; it applies also to\nany other work released this way by its authors.  You can apply it to\nyour programs, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthem if you wish), that you receive source code or can get it if you\nwant it, that you can change the software or use pieces of it in new\nfree programs, and that you know you can do these things.\n\n  To protect your rights, we need to prevent others from denying you\nthese rights or asking you to surrender the rights.  Therefore, you have\ncertain responsibilities if you distribute copies of the software, or if\nyou modify it: responsibilities to respect the freedom of others.\n\n  For example, if you distribute copies of such a program, whether\ngratis or for a fee, you must pass on to the recipients the same\nfreedoms that you received.  You must make sure that they, too, receive\nor can get the source code.  And you must show them these terms so they\nknow their rights.\n\n  Developers that use the GNU GPL protect your rights with two steps:\n(1) assert copyright on the software, and (2) offer you this License\ngiving you legal permission to copy, distribute and/or modify it.\n\n  For the developers' and authors' protection, the GPL clearly explains\nthat there is no warranty for this free software.  For both users' and\nauthors' sake, the GPL requires that modified versions be marked as\nchanged, so that their problems will not be attributed erroneously to\nauthors of previous versions.\n\n  Some devices are designed to deny users access to install or run\nmodified versions of the software inside them, although the manufacturer\ncan do so.  This is fundamentally incompatible with the aim of\nprotecting users' freedom to change the software.  The systematic\npattern of such abuse occurs in the area of products for individuals to\nuse, which is precisely where it is most unacceptable.  Therefore, we\nhave designed this version of the GPL to prohibit the practice for those\nproducts.  If such problems arise substantially in other domains, we\nstand ready to extend this provision to those domains in future versions\nof the GPL, as needed to protect the freedom of users.\n\n  Finally, every program is threatened constantly by software patents.\nStates should not allow patents to restrict development and use of\nsoftware on general-purpose computers, but in those that do, we wish to\navoid the special danger that patents applied to a free program could\nmake it effectively proprietary.  To prevent this, the GPL assures that\npatents cannot be used to render the program non-free.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.\n\n                       TERMS AND CONDITIONS\n\n  0. Definitions.\n\n  \"This License\" refers to version 3 of the GNU General Public License.\n\n  \"Copyright\" also means copyright-like laws that apply to other kinds of\nworks, such as semiconductor masks.\n\n  \"The Program\" refers to any copyrightable work licensed under this\nLicense.  Each licensee is addressed as \"you\".  \"Licensees\" and\n\"recipients\" may be individuals or organizations.\n\n  To \"modify\" a work means to copy from or adapt all or part of the work\nin a fashion requiring copyright permission, other than the making of an\nexact copy.  The resulting work is called a \"modified version\" of the\nearlier work or a work \"based on\" the earlier work.\n\n  A \"covered work\" means either the unmodified Program or a work based\non the Program.\n\n  To \"propagate\" a work means to do anything with it that, without\npermission, would make you directly or secondarily liable for\ninfringement under applicable copyright law, except executing it on a\ncomputer or modifying a private copy.  Propagation includes copying,\ndistribution (with or without modification), making available to the\npublic, and in some countries other activities as well.\n\n  To \"convey\" a work means any kind of propagation that enables other\nparties to make or receive copies.  Mere interaction with a user through\na computer network, with no transfer of a copy, is not conveying.\n\n  An interactive user interface displays \"Appropriate Legal Notices\"\nto the extent that it includes a convenient and prominently visible\nfeature that (1) displays an appropriate copyright notice, and (2)\ntells the user that there is no warranty for the work (except to the\nextent that warranties are provided), that licensees may convey the\nwork under this License, and how to view a copy of this License.  If\nthe interface presents a list of user commands or options, such as a\nmenu, a prominent item in the list meets this criterion.\n\n  1. Source Code.\n\n  The \"source code\" for a work means the preferred form of the work\nfor making modifications to it.  \"Object code\" means any non-source\nform of a work.\n\n  A \"Standard Interface\" means an interface that either is an official\nstandard defined by a recognized standards body, or, in the case of\ninterfaces specified for a particular programming language, one that\nis widely used among developers working in that language.\n\n  The \"System Libraries\" of an executable work include anything, other\nthan the work as a whole, that (a) is included in the normal form of\npackaging a Major Component, but which is not part of that Major\nComponent, and (b) serves only to enable use of the work with that\nMajor Component, or to implement a Standard Interface for which an\nimplementation is available to the public in source code form.  A\n\"Major Component\", in this context, means a major essential component\n(kernel, window system, and so on) of the specific operating system\n(if any) on which the executable work runs, or a compiler used to\nproduce the work, or an object code interpreter used to run it.\n\n  The \"Corresponding Source\" for a work in object code form means all\nthe source code needed to generate, install, and (for an executable\nwork) run the object code and to modify the work, including scripts to\ncontrol those activities.  However, it does not include the work's\nSystem Libraries, or general-purpose tools or generally available free\nprograms which are used unmodified in performing those activities but\nwhich are not part of the work.  For example, Corresponding Source\nincludes interface definition files associated with source files for\nthe work, and the source code for shared libraries and dynamically\nlinked subprograms that the work is specifically designed to require,\nsuch as by intimate data communication or control flow between those\nsubprograms and other parts of the work.\n\n  The Corresponding Source need not include anything that users\ncan regenerate automatically from other parts of the Corresponding\nSource.\n\n  The Corresponding Source for a work in source code form is that\nsame work.\n\n  2. Basic Permissions.\n\n  All rights granted under this License are granted for the term of\ncopyright on the Program, and are irrevocable provided the stated\nconditions are met.  This License explicitly affirms your unlimited\npermission to run the unmodified Program.  The output from running a\ncovered work is covered by this License only if the output, given its\ncontent, constitutes a covered work.  This License acknowledges your\nrights of fair use or other equivalent, as provided by copyright law.\n\n  You may make, run and propagate covered works that you do not\nconvey, without conditions so long as your license otherwise remains\nin force.  You may convey covered works to others for the sole purpose\nof having them make modifications exclusively for you, or provide you\nwith facilities for running those works, provided that you comply with\nthe terms of this License in conveying all material for which you do\nnot control copyright.  Those thus making or running the covered works\nfor you must do so exclusively on your behalf, under your direction\nand control, on terms that prohibit them from making any copies of\nyour copyrighted material outside their relationship with you.\n\n  Conveying under any other circumstances is permitted solely under\nthe conditions stated below.  Sublicensing is not allowed; section 10\nmakes it unnecessary.\n\n  3. Protecting Users' Legal Rights From Anti-Circumvention Law.\n\n  No covered work shall be deemed part of an effective technological\nmeasure under any applicable law fulfilling obligations under article\n11 of the WIPO copyright treaty adopted on 20 December 1996, or\nsimilar laws prohibiting or restricting circumvention of such\nmeasures.\n\n  When you convey a covered work, you waive any legal power to forbid\ncircumvention of technological measures to the extent such circumvention\nis effected by exercising rights under this License with respect to\nthe covered work, and you disclaim any intention to limit operation or\nmodification of the work as a means of enforcing, against the work's\nusers, your or third parties' legal rights to forbid circumvention of\ntechnological measures.\n\n  4. Conveying Verbatim Copies.\n\n  You may convey verbatim copies of the Program's source code as you\nreceive it, in any medium, provided that you conspicuously and\nappropriately publish on each copy an appropriate copyright notice;\nkeep intact all notices stating that this License and any\nnon-permissive terms added in accord with section 7 apply to the code;\nkeep intact all notices of the absence of any warranty; and give all\nrecipients a copy of this License along with the Program.\n\n  You may charge any price or no price for each copy that you convey,\nand you may offer support or warranty protection for a fee.\n\n  5. Conveying Modified Source Versions.\n\n  You may convey a work based on the Program, or the modifications to\nproduce it from the Program, in the form of source code under the\nterms of section 4, provided that you also meet all of these conditions:\n\n    a) The work must carry prominent notices stating that you modified\n    it, and giving a relevant date.\n\n    b) The work must carry prominent notices stating that it is\n    released under this License and any conditions added under section\n    7.  This requirement modifies the requirement in section 4 to\n    \"keep intact all notices\".\n\n    c) You must license the entire work, as a whole, under this\n    License to anyone who comes into possession of a copy.  This\n    License will therefore apply, along with any applicable section 7\n    additional terms, to the whole of the work, and all its parts,\n    regardless of how they are packaged.  This License gives no\n    permission to license the work in any other way, but it does not\n    invalidate such permission if you have separately received it.\n\n    d) If the work has interactive user interfaces, each must display\n    Appropriate Legal Notices; however, if the Program has interactive\n    interfaces that do not display Appropriate Legal Notices, your\n    work need not make them do so.\n\n  A compilation of a covered work with other separate and independent\nworks, which are not by their nature extensions of the covered work,\nand which are not combined with it such as to form a larger program,\nin or on a volume of a storage or distribution medium, is called an\n\"aggregate\" if the compilation and its resulting copyright are not\nused to limit the access or legal rights of the compilation's users\nbeyond what the individual works permit.  Inclusion of a covered work\nin an aggregate does not cause this License to apply to the other\nparts of the aggregate.\n\n  6. Conveying Non-Source Forms.\n\n  You may convey a covered work in object code form under the terms\nof sections 4 and 5, provided that you also convey the\nmachine-readable Corresponding Source under the terms of this License,\nin one of these ways:\n\n    a) Convey the object code in, or embodied in, a physical product\n    (including a physical distribution medium), accompanied by the\n    Corresponding Source fixed on a durable physical medium\n    customarily used for software interchange.\n\n    b) Convey the object code in, or embodied in, a physical product\n    (including a physical distribution medium), accompanied by a\n    written offer, valid for at least three years and valid for as\n    long as you offer spare parts or customer support for that product\n    model, to give anyone who possesses the object code either (1) a\n    copy of the Corresponding Source for all the software in the\n    product that is covered by this License, on a durable physical\n    medium customarily used for software interchange, for a price no\n    more than your reasonable cost of physically performing this\n    conveying of source, or (2) access to copy the\n    Corresponding Source from a network server at no charge.\n\n    c) Convey individual copies of the object code with a copy of the\n    written offer to provide the Corresponding Source.  This\n    alternative is allowed only occasionally and noncommercially, and\n    only if you received the object code with such an offer, in accord\n    with subsection 6b.\n\n    d) Convey the object code by offering access from a designated\n    place (gratis or for a charge), and offer equivalent access to the\n    Corresponding Source in the same way through the same place at no\n    further charge.  You need not require recipients to copy the\n    Corresponding Source along with the object code.  If the place to\n    copy the object code is a network server, the Corresponding Source\n    may be on a different server (operated by you or a third party)\n    that supports equivalent copying facilities, provided you maintain\n    clear directions next to the object code saying where to find the\n    Corresponding Source.  Regardless of what server hosts the\n    Corresponding Source, you remain obligated to ensure that it is\n    available for as long as needed to satisfy these requirements.\n\n    e) Convey the object code using peer-to-peer transmission, provided\n    you inform other peers where the object code and Corresponding\n    Source of the work are being offered to the general public at no\n    charge under subsection 6d.\n\n  A separable portion of the object code, whose source code is excluded\nfrom the Corresponding Source as a System Library, need not be\nincluded in conveying the object code work.\n\n  A \"User Product\" is either (1) a \"consumer product\", which means any\ntangible personal property which is normally used for personal, family,\nor household purposes, or (2) anything designed or sold for incorporation\ninto a dwelling.  In determining whether a product is a consumer product,\ndoubtful cases shall be resolved in favor of coverage.  For a particular\nproduct received by a particular user, \"normally used\" refers to a\ntypical or common use of that class of product, regardless of the status\nof the particular user or of the way in which the particular user\nactually uses, or expects or is expected to use, the product.  A product\nis a consumer product regardless of whether the product has substantial\ncommercial, industrial or non-consumer uses, unless such uses represent\nthe only significant mode of use of the product.\n\n  \"Installation Information\" for a User Product means any methods,\nprocedures, authorization keys, or other information required to install\nand execute modified versions of a covered work in that User Product from\na modified version of its Corresponding Source.  The information must\nsuffice to ensure that the continued functioning of the modified object\ncode is in no case prevented or interfered with solely because\nmodification has been made.\n\n  If you convey an object code work under this section in, or with, or\nspecifically for use in, a User Product, and the conveying occurs as\npart of a transaction in which the right of possession and use of the\nUser Product is transferred to the recipient in perpetuity or for a\nfixed term (regardless of how the transaction is characterized), the\nCorresponding Source conveyed under this section must be accompanied\nby the Installation Information.  But this requirement does not apply\nif neither you nor any third party retains the ability to install\nmodified object code on the User Product (for example, the work has\nbeen installed in ROM).\n\n  The requirement to provide Installation Information does not include a\nrequirement to continue to provide support service, warranty, or updates\nfor a work that has been modified or installed by the recipient, or for\nthe User Product in which it has been modified or installed.  Access to a\nnetwork may be denied when the modification itself materially and\nadversely affects the operation of the network or violates the rules and\nprotocols for communication across the network.\n\n  Corresponding Source conveyed, and Installation Information provided,\nin accord with this section must be in a format that is publicly\ndocumented (and with an implementation available to the public in\nsource code form), and must require no special password or key for\nunpacking, reading or copying.\n\n  7. Additional Terms.\n\n  \"Additional permissions\" are terms that supplement the terms of this\nLicense by making exceptions from one or more of its conditions.\nAdditional permissions that are applicable to the entire Program shall\nbe treated as though they were included in this License, to the extent\nthat they are valid under applicable law.  If additional permissions\napply only to part of the Program, that part may be used separately\nunder those permissions, but the entire Program remains governed by\nthis License without regard to the additional permissions.\n\n  When you convey a copy of a covered work, you may at your option\nremove any additional permissions from that copy, or from any part of\nit.  (Additional permissions may be written to require their own\nremoval in certain cases when you modify the work.)  You may place\nadditional permissions on material, added by you to a covered work,\nfor which you have or can give appropriate copyright permission.\n\n  Notwithstanding any other provision of this License, for material you\nadd to a covered work, you may (if authorized by the copyright holders of\nthat material) supplement the terms of this License with terms:\n\n    a) Disclaiming warranty or limiting liability differently from the\n    terms of sections 15 and 16 of this License; or\n\n    b) Requiring preservation of specified reasonable legal notices or\n    author attributions in that material or in the Appropriate Legal\n    Notices displayed by works containing it; or\n\n    c) Prohibiting misrepresentation of the origin of that material, or\n    requiring that modified versions of such material be marked in\n    reasonable ways as different from the original version; or\n\n    d) Limiting the use for publicity purposes of names of licensors or\n    authors of the material; or\n\n    e) Declining to grant rights under trademark law for use of some\n    trade names, trademarks, or service marks; or\n\n    f) Requiring indemnification of licensors and authors of that\n    material by anyone who conveys the material (or modified versions of\n    it) with contractual assumptions of liability to the recipient, for\n    any liability that these contractual assumptions directly impose on\n    those licensors and authors.\n\n  All other non-permissive additional terms are considered \"further\nrestrictions\" within the meaning of section 10.  If the Program as you\nreceived it, or any part of it, contains a notice stating that it is\ngoverned by this License along with a term that is a further\nrestriction, you may remove that term.  If a license document contains\na further restriction but permits relicensing or conveying under this\nLicense, you may add to a covered work material governed by the terms\nof that license document, provided that the further restriction does\nnot survive such relicensing or conveying.\n\n  If you add terms to a covered work in accord with this section, you\nmust place, in the relevant source files, a statement of the\nadditional terms that apply to those files, or a notice indicating\nwhere to find the applicable terms.\n\n  Additional terms, permissive or non-permissive, may be stated in the\nform of a separately written license, or stated as exceptions;\nthe above requirements apply either way.\n\n  8. Termination.\n\n  You may not propagate or modify a covered work except as expressly\nprovided under this License.  Any attempt otherwise to propagate or\nmodify it is void, and will automatically terminate your rights under\nthis License (including any patent licenses granted under the third\nparagraph of section 11).\n\n  However, if you cease all violation of this License, then your\nlicense from a particular copyright holder is reinstated (a)\nprovisionally, unless and until the copyright holder explicitly and\nfinally terminates your license, and (b) permanently, if the copyright\nholder fails to notify you of the violation by some reasonable means\nprior to 60 days after the cessation.\n\n  Moreover, your license from a particular copyright holder is\nreinstated permanently if the copyright holder notifies you of the\nviolation by some reasonable means, this is the first time you have\nreceived notice of violation of this License (for any work) from that\ncopyright holder, and you cure the violation prior to 30 days after\nyour receipt of the notice.\n\n  Termination of your rights under this section does not terminate the\nlicenses of parties who have received copies or rights from you under\nthis License.  If your rights have been terminated and not permanently\nreinstated, you do not qualify to receive new licenses for the same\nmaterial under section 10.\n\n  9. Acceptance Not Required for Having Copies.\n\n  You are not required to accept this License in order to receive or\nrun a copy of the Program.  Ancillary propagation of a covered work\noccurring solely as a consequence of using peer-to-peer transmission\nto receive a copy likewise does not require acceptance.  However,\nnothing other than this License grants you permission to propagate or\nmodify any covered work.  These actions infringe copyright if you do\nnot accept this License.  Therefore, by modifying or propagating a\ncovered work, you indicate your acceptance of this License to do so.\n\n  10. Automatic Licensing of Downstream Recipients.\n\n  Each time you convey a covered work, the recipient automatically\nreceives a license from the original licensors, to run, modify and\npropagate that work, subject to this License.  You are not responsible\nfor enforcing compliance by third parties with this License.\n\n  An \"entity transaction\" is a transaction transferring control of an\norganization, or substantially all assets of one, or subdividing an\norganization, or merging organizations.  If propagation of a covered\nwork results from an entity transaction, each party to that\ntransaction who receives a copy of the work also receives whatever\nlicenses to the work the party's predecessor in interest had or could\ngive under the previous paragraph, plus a right to possession of the\nCorresponding Source of the work from the predecessor in interest, if\nthe predecessor has it or can get it with reasonable efforts.\n\n  You may not impose any further restrictions on the exercise of the\nrights granted or affirmed under this License.  For example, you may\nnot impose a license fee, royalty, or other charge for exercise of\nrights granted under this License, and you may not initiate litigation\n(including a cross-claim or counterclaim in a lawsuit) alleging that\nany patent claim is infringed by making, using, selling, offering for\nsale, or importing the Program or any portion of it.\n\n  11. Patents.\n\n  A \"contributor\" is a copyright holder who authorizes use under this\nLicense of the Program or a work on which the Program is based.  The\nwork thus licensed is called the contributor's \"contributor version\".\n\n  A contributor's \"essential patent claims\" are all patent claims\nowned or controlled by the contributor, whether already acquired or\nhereafter acquired, that would be infringed by some manner, permitted\nby this License, of making, using, or selling its contributor version,\nbut do not include claims that would be infringed only as a\nconsequence of further modification of the contributor version.  For\npurposes of this definition, \"control\" includes the right to grant\npatent sublicenses in a manner consistent with the requirements of\nthis License.\n\n  Each contributor grants you a non-exclusive, worldwide, royalty-free\npatent license under the contributor's essential patent claims, to\nmake, use, sell, offer for sale, import and otherwise run, modify and\npropagate the contents of its contributor version.\n\n  In the following three paragraphs, a \"patent license\" is any express\nagreement or commitment, however denominated, not to enforce a patent\n(such as an express permission to practice a patent or covenant not to\nsue for patent infringement).  To \"grant\" such a patent license to a\nparty means to make such an agreement or commitment not to enforce a\npatent against the party.\n\n  If you convey a covered work, knowingly relying on a patent license,\nand the Corresponding Source of the work is not available for anyone\nto copy, free of charge and under the terms of this License, through a\npublicly available network server or other readily accessible means,\nthen you must either (1) cause the Corresponding Source to be so\navailable, or (2) arrange to deprive yourself of the benefit of the\npatent license for this particular work, or (3) arrange, in a manner\nconsistent with the requirements of this License, to extend the patent\nlicense to downstream recipients.  \"Knowingly relying\" means you have\nactual knowledge that, but for the patent license, your conveying the\ncovered work in a country, or your recipient's use of the covered work\nin a country, would infringe one or more identifiable patents in that\ncountry that you have reason to believe are valid.\n\n  If, pursuant to or in connection with a single transaction or\narrangement, you convey, or propagate by procuring conveyance of, a\ncovered work, and grant a patent license to some of the parties\nreceiving the covered work authorizing them to use, propagate, modify\nor convey a specific copy of the covered work, then the patent license\nyou grant is automatically extended to all recipients of the covered\nwork and works based on it.\n\n  A patent license is \"discriminatory\" if it does not include within\nthe scope of its coverage, prohibits the exercise of, or is\nconditioned on the non-exercise of one or more of the rights that are\nspecifically granted under this License.  You may not convey a covered\nwork if you are a party to an arrangement with a third party that is\nin the business of distributing software, under which you make payment\nto the third party based on the extent of your activity of conveying\nthe work, and under which the third party grants, to any of the\nparties who would receive the covered work from you, a discriminatory\npatent license (a) in connection with copies of the covered work\nconveyed by you (or copies made from those copies), or (b) primarily\nfor and in connection with specific products or compilations that\ncontain the covered work, unless you entered into that arrangement,\nor that patent license was granted, prior to 28 March 2007.\n\n  Nothing in this License shall be construed as excluding or limiting\nany implied license or other defenses to infringement that may\notherwise be available to you under applicable patent law.\n\n  12. No Surrender of Others' Freedom.\n\n  If conditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot convey a\ncovered work so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you may\nnot convey it at all.  For example, if you agree to terms that obligate you\nto collect a royalty for further conveying from those to whom you convey\nthe Program, the only way you could satisfy both those terms and this\nLicense would be to refrain entirely from conveying the Program.\n\n  13. Use with the GNU Affero General Public License.\n\n  Notwithstanding any other provision of this License, you have\npermission to link or combine any covered work with a work licensed\nunder version 3 of the GNU Affero General Public License into a single\ncombined work, and to convey the resulting work.  The terms of this\nLicense will continue to apply to the part which is the covered work,\nbut the special requirements of the GNU Affero General Public License,\nsection 13, concerning interaction through a network will apply to the\ncombination as such.\n\n  14. Revised Versions of this License.\n\n  The Free Software Foundation may publish revised and/or new versions of\nthe GNU General Public License from time to time.  Such new versions will\nbe similar in spirit to the present version, but may differ in detail to\naddress new problems or concerns.\n\n  Each version is given a distinguishing version number.  If the\nProgram specifies that a certain numbered version of the GNU General\nPublic License \"or any later version\" applies to it, you have the\noption of following the terms and conditions either of that numbered\nversion or of any later version published by the Free Software\nFoundation.  If the Program does not specify a version number of the\nGNU General Public License, you may choose any version ever published\nby the Free Software Foundation.\n\n  If the Program specifies that a proxy can decide which future\nversions of the GNU General Public License can be used, that proxy's\npublic statement of acceptance of a version permanently authorizes you\nto choose that version for the Program.\n\n  Later license versions may give you additional or different\npermissions.  However, no additional obligations are imposed on any\nauthor or copyright holder as a result of your choosing to follow a\nlater version.\n\n  15. Disclaimer of Warranty.\n\n  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY\nAPPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT\nHOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM \"AS IS\" WITHOUT WARRANTY\nOF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,\nTHE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR\nPURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM\nIS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF\nALL NECESSARY SERVICING, REPAIR OR CORRECTION.\n\n  16. Limitation of Liability.\n\n  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS\nTHE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY\nGENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE\nUSE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF\nDATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD\nPARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),\nEVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGES.\n\n  17. Interpretation of Sections 15 and 16.\n\n  If the disclaimer of warranty and limitation of liability provided\nabove cannot be given local legal effect according to their terms,\nreviewing courts shall apply local law that most closely approximates\nan absolute waiver of all civil liability in connection with the\nProgram, unless a warranty or assumption of liability accompanies a\ncopy of the Program in return for a fee.\n\n                     END OF TERMS AND CONDITIONS\n\n            How to Apply These Terms to Your New Programs\n\n  If you develop a new program, and you want it to be of the greatest\npossible use to the public, the best way to achieve this is to make it\nfree software which everyone can redistribute and change under these terms.\n\n  To do so, attach the following notices to the program.  It is safest\nto attach them to the start of each source file to most effectively\nstate the exclusion of warranty; and each file should have at least\nthe \"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the program's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This program is free software: you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation, either version 3 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License\n    along with this program.  If not, see <http://www.gnu.org/licenses/>.\n\nAlso add information on how to contact you by electronic and paper mail.\n\n  If the program does terminal interaction, make it output a short\nnotice like this when it starts in an interactive mode:\n\n    <program>  Copyright (C) <year>  <name of author>\n    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.\n    This is free software, and you are welcome to redistribute it\n    under certain conditions; type `show c' for details.\n\nThe hypothetical commands `show w' and `show c' should show the appropriate\nparts of the General Public License.  Of course, your program's commands\nmight be different; for a GUI interface, you would use an \"about box\".\n\n  You should also get your employer (if you work as a programmer) or school,\nif any, to sign a \"copyright disclaimer\" for the program, if necessary.\nFor more information on this, and how to apply and follow the GNU GPL, see\n<http://www.gnu.org/licenses/>.\n\n  The GNU General Public License does not permit incorporating your program\ninto proprietary programs.  If your program is a subroutine library, you\nmay consider it more useful to permit linking proprietary applications with\nthe library.  If this is what you want to do, use the GNU Lesser General\nPublic License instead of this License.  But first, please read\n<http://www.gnu.org/philosophy/why-not-lgpl.html>.\n\n\n--------------- SECTION 4: GNU General Public License, V2.0 -----------\n\n\t\t    GNU GENERAL PUBLIC LICENSE\n\t\t       Version 2, June 1991\n\n Copyright (C) 1989, 1991 Free Software Foundation, Inc.,\n 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n\t\t\t    Preamble\n\n  The licenses for most software are designed to take away your\nfreedom to share and change it.  By contrast, the GNU General Public\nLicense is intended to guarantee your freedom to share and change free\nsoftware--to make sure the software is free for all its users.  This\nGeneral Public License applies to most of the Free Software\nFoundation's software and to any other program whose authors commit to\nusing it.  (Some other Free Software Foundation software is covered by\nthe GNU Lesser General Public License instead.)  You can apply it to\nyour programs, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthis service if you wish), that you receive source code or can get it\nif you want it, that you can change the software or use pieces of it\nin new free programs; and that you know you can do these things.\n\n  To protect your rights, we need to make restrictions that forbid\nanyone to deny you these rights or to ask you to surrender the rights.\nThese restrictions translate to certain responsibilities for you if you\ndistribute copies of the software, or if you modify it.\n\n  For example, if you distribute copies of such a program, whether\ngratis or for a fee, you must give the recipients all the rights that\nyou have.  You must make sure that they, too, receive or can get the\nsource code.  And you must show them these terms so they know their\nrights.\n\n  We protect your rights with two steps: (1) copyright the software, and\n(2) offer you this license which gives you legal permission to copy,\ndistribute and/or modify the software.\n\n  Also, for each author's protection and ours, we want to make certain\nthat everyone understands that there is no warranty for this free\nsoftware.  If the software is modified by someone else and passed on, we\nwant its recipients to know that what they have is not the original, so\nthat any problems introduced by others will not reflect on the original\nauthors' reputations.\n\n  Finally, any free program is threatened constantly by software\npatents.  We wish to avoid the danger that redistributors of a free\nprogram will individually obtain patent licenses, in effect making the\nprogram proprietary.  To prevent this, we have made it clear that any\npatent must be licensed for everyone's free use or not licensed at all.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.\n\n\t\t    GNU GENERAL PUBLIC LICENSE\n   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION\n\n  0. This License applies to any program or other work which contains\na notice placed by the copyright holder saying it may be distributed\nunder the terms of this General Public License.  The \"Program\", below,\nrefers to any such program or work, and a \"work based on the Program\"\nmeans either the Program or any derivative work under copyright law:\nthat is to say, a work containing the Program or a portion of it,\neither verbatim or with modifications and/or translated into another\nlanguage.  (Hereinafter, translation is included without limitation in\nthe term \"modification\".)  Each licensee is addressed as \"you\".\n\nActivities other than copying, distribution and modification are not\ncovered by this License; they are outside its scope.  The act of\nrunning the Program is not restricted, and the output from the Program\nis covered only if its contents constitute a work based on the\nProgram (independent of having been made by running the Program).\nWhether that is true depends on what the Program does.\n\n  1. You may copy and distribute verbatim copies of the Program's\nsource code as you receive it, in any medium, provided that you\nconspicuously and appropriately publish on each copy an appropriate\ncopyright notice and disclaimer of warranty; keep intact all the\nnotices that refer to this License and to the absence of any warranty;\nand give any other recipients of the Program a copy of this License\nalong with the Program.\n\nYou may charge a fee for the physical act of transferring a copy, and\nyou may at your option offer warranty protection in exchange for a fee.\n\n  2. You may modify your copy or copies of the Program or any portion\nof it, thus forming a work based on the Program, and copy and\ndistribute such modifications or work under the terms of Section 1\nabove, provided that you also meet all of these conditions:\n\n    a) You must cause the modified files to carry prominent notices\n    stating that you changed the files and the date of any change.\n\n    b) You must cause any work that you distribute or publish, that in\n    whole or in part contains or is derived from the Program or any\n    part thereof, to be licensed as a whole at no charge to all third\n    parties under the terms of this License.\n\n    c) If the modified program normally reads commands interactively\n    when run, you must cause it, when started running for such\n    interactive use in the most ordinary way, to print or display an\n    announcement including an appropriate copyright notice and a\n    notice that there is no warranty (or else, saying that you provide\n    a warranty) and that users may redistribute the program under\n    these conditions, and telling the user how to view a copy of this\n    License.  (Exception: if the Program itself is interactive but\n    does not normally print such an announcement, your work based on\n    the Program is not required to print an announcement.)\n\nThese requirements apply to the modified work as a whole.  If\nidentifiable sections of that work are not derived from the Program,\nand can be reasonably considered independent and separate works in\nthemselves, then this License, and its terms, do not apply to those\nsections when you distribute them as separate works.  But when you\ndistribute the same sections as part of a whole which is a work based\non the Program, the distribution of the whole must be on the terms of\nthis License, whose permissions for other licensees extend to the\nentire whole, and thus to each and every part regardless of who wrote it.\n\nThus, it is not the intent of this section to claim rights or contest\nyour rights to work written entirely by you; rather, the intent is to\nexercise the right to control the distribution of derivative or\ncollective works based on the Program.\n\nIn addition, mere aggregation of another work not based on the Program\nwith the Program (or with a work based on the Program) on a volume of\na storage or distribution medium does not bring the other work under\nthe scope of this License.\n\n  3. You may copy and distribute the Program (or a work based on it,\nunder Section 2) in object code or executable form under the terms of\nSections 1 and 2 above provided that you also do one of the following:\n\n    a) Accompany it with the complete corresponding machine-readable\n    source code, which must be distributed under the terms of Sections\n    1 and 2 above on a medium customarily used for software interchange; or,\n\n    b) Accompany it with a written offer, valid for at least three\n    years, to give any third party, for a charge no more than your\n    cost of physically performing source distribution, a complete\n    machine-readable copy of the corresponding source code, to be\n    distributed under the terms of Sections 1 and 2 above on a medium\n    customarily used for software interchange; or,\n\n    c) Accompany it with the information you received as to the offer\n    to distribute corresponding source code.  (This alternative is\n    allowed only for noncommercial distribution and only if you\n    received the program in object code or executable form with such\n    an offer, in accord with Subsection b above.)\n\nThe source code for a work means the preferred form of the work for\nmaking modifications to it.  For an executable work, complete source\ncode means all the source code for all modules it contains, plus any\nassociated interface definition files, plus the scripts used to\ncontrol compilation and installation of the executable.  However, as a\nspecial exception, the source code distributed need not include\nanything that is normally distributed (in either source or binary\nform) with the major components (compiler, kernel, and so on) of the\noperating system on which the executable runs, unless that component\nitself accompanies the executable.\n\nIf distribution of executable or object code is made by offering\naccess to copy from a designated place, then offering equivalent\naccess to copy the source code from the same place counts as\ndistribution of the source code, even though third parties are not\ncompelled to copy the source along with the object code.\n\n  4. You may not copy, modify, sublicense, or distribute the Program\nexcept as expressly provided under this License.  Any attempt\notherwise to copy, modify, sublicense or distribute the Program is\nvoid, and will automatically terminate your rights under this License.\nHowever, parties who have received copies, or rights, from you under\nthis License will not have their licenses terminated so long as such\nparties remain in full compliance.\n\n  5. You are not required to accept this License, since you have not\nsigned it.  However, nothing else grants you permission to modify or\ndistribute the Program or its derivative works.  These actions are\nprohibited by law if you do not accept this License.  Therefore, by\nmodifying or distributing the Program (or any work based on the\nProgram), you indicate your acceptance of this License to do so, and\nall its terms and conditions for copying, distributing or modifying\nthe Program or works based on it.\n\n  6. Each time you redistribute the Program (or any work based on the\nProgram), the recipient automatically receives a license from the\noriginal licensor to copy, distribute or modify the Program subject to\nthese terms and conditions.  You may not impose any further\nrestrictions on the recipients' exercise of the rights granted herein.\nYou are not responsible for enforcing compliance by third parties to\nthis License.\n\n  7. If, as a consequence of a court judgment or allegation of patent\ninfringement or for any other reason (not limited to patent issues),\nconditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot\ndistribute so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you\nmay not distribute the Program at all.  For example, if a patent\nlicense would not permit royalty-free redistribution of the Program by\nall those who receive copies directly or indirectly through you, then\nthe only way you could satisfy both it and this License would be to\nrefrain entirely from distribution of the Program.\n\nIf any portion of this section is held invalid or unenforceable under\nany particular circumstance, the balance of the section is intended to\napply and the section as a whole is intended to apply in other\ncircumstances.\n\nIt is not the purpose of this section to induce you to infringe any\npatents or other property right claims or to contest validity of any\nsuch claims; this section has the sole purpose of protecting the\nintegrity of the free software distribution system, which is\nimplemented by public license practices.  Many people have made\ngenerous contributions to the wide range of software distributed\nthrough that system in reliance on consistent application of that\nsystem; it is up to the author/donor to decide if he or she is willing\nto distribute software through any other system and a licensee cannot\nimpose that choice.\n\nThis section is intended to make thoroughly clear what is believed to\nbe a consequence of the rest of this License.\n\n  8. If the distribution and/or use of the Program is restricted in\ncertain countries either by patents or by copyrighted interfaces, the\noriginal copyright holder who places the Program under this License\nmay add an explicit geographical distribution limitation excluding\nthose countries, so that distribution is permitted only in or among\ncountries not thus excluded.  In such case, this License incorporates\nthe limitation as if written in the body of this License.\n\n  9. The Free Software Foundation may publish revised and/or new versions\nof the General Public License from time to time.  Such new versions will\nbe similar in spirit to the present version, but may differ in detail to\naddress new problems or concerns.\n\nEach version is given a distinguishing version number.  If the Program\nspecifies a version number of this License which applies to it and \"any\nlater version\", you have the option of following the terms and conditions\neither of that version or of any later version published by the Free\nSoftware Foundation.  If the Program does not specify a version number of\nthis License, you may choose any version ever published by the Free Software\nFoundation.\n\n  10. If you wish to incorporate parts of the Program into other free\nprograms whose distribution conditions are different, write to the author\nto ask for permission.  For software which is copyrighted by the Free\nSoftware Foundation, write to the Free Software Foundation; we sometimes\nmake exceptions for this.  Our decision will be guided by the two goals\nof preserving the free status of all derivatives of our free software and\nof promoting the sharing and reuse of software generally.\n\n\t\t\t    NO WARRANTY\n\n  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY\nFOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN\nOTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES\nPROVIDE THE PROGRAM \"AS IS\" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED\nOR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS\nTO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE\nPROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,\nREPAIR OR CORRECTION.\n\n  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR\nREDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,\nINCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING\nOUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED\nTO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY\nYOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER\nPROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE\nPOSSIBILITY OF SUCH DAMAGES.\n\n\t\t     END OF TERMS AND CONDITIONS\n\n\t    How to Apply These Terms to Your New Programs\n\n  If you develop a new program, and you want it to be of the greatest\npossible use to the public, the best way to achieve this is to make it\nfree software which everyone can redistribute and change under these terms.\n\n  To do so, attach the following notices to the program.  It is safest\nto attach them to the start of each source file to most effectively\nconvey the exclusion of warranty; and each file should have at least\nthe \"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the program's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This program is free software; you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation; either version 2 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License along\n    with this program; if not, write to the Free Software Foundation, Inc.,\n    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.\n\nAlso add information on how to contact you by electronic and paper mail.\n\nIf the program is interactive, make it output a short notice like this\nwhen it starts in an interactive mode:\n\n    Gnomovision version 69, Copyright (C) year name of author\n    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.\n    This is free software, and you are welcome to redistribute it\n    under certain conditions; type `show c' for details.\n\nThe hypothetical commands `show w' and `show c' should show the appropriate\nparts of the General Public License.  Of course, the commands you use may\nbe called something other than `show w' and `show c'; they could even be\nmouse-clicks or menu items--whatever suits your program.\n\nYou should also get your employer (if you work as a programmer) or your\nschool, if any, to sign a \"copyright disclaimer\" for the program, if\nnecessary.  Here is a sample; alter the names:\n\n  Yoyodyne, Inc., hereby disclaims all copyright interest in the program\n  `Gnomovision' (which makes passes at compilers) written by James Hacker.\n\n  <signature of Ty Coon>, 1 April 1989\n  Ty Coon, President of Vice\n\nThis General Public License does not permit incorporating your program into\nproprietary programs.  If your program is a subroutine library, you may\nconsider it more useful to permit linking proprietary applications with the\nlibrary.  If this is what you want to do, use the GNU Lesser General\nPublic License instead of this License.\n\n\n--------------- SECTION 5: GNU Library General Public License, V2.0 -----------\n\n\t\t  GNU LIBRARY GENERAL PUBLIC LICENSE\n\t\t       Version 2, June 1991\n\n Copyright (C) 1991 Free Software Foundation, Inc.\n 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n[This is the first released version of the library GPL.  It is\n numbered 2 because it goes with version 2 of the ordinary GPL.]\n\n\t\t\t    Preamble\n\n  The licenses for most software are designed to take away your\nfreedom to share and change it.  By contrast, the GNU General Public\nLicenses are intended to guarantee your freedom to share and change\nfree software--to make sure the software is free for all its users.\n\n  This license, the Library General Public License, applies to some\nspecially designated Free Software Foundation software, and to any\nother libraries whose authors decide to use it.  You can use it for\nyour libraries, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthis service if you wish), that you receive source code or can get it\nif you want it, that you can change the software or use pieces of it\nin new free programs; and that you know you can do these things.\n\n  To protect your rights, we need to make restrictions that forbid\nanyone to deny you these rights or to ask you to surrender the rights.\nThese restrictions translate to certain responsibilities for you if\nyou distribute copies of the library, or if you modify it.\n\n  For example, if you distribute copies of the library, whether gratis\nor for a fee, you must give the recipients all the rights that we gave\nyou.  You must make sure that they, too, receive or can get the source\ncode.  If you link a program with the library, you must provide\ncomplete object files to the recipients so that they can relink them\nwith the library, after making changes to the library and recompiling\nit.  And you must show them these terms so they know their rights.\n\n  Our method of protecting your rights has two steps: (1) copyright\nthe library, and (2) offer you this license which gives you legal\npermission to copy, distribute and/or modify the library.\n\n  Also, for each distributor's protection, we want to make certain\nthat everyone understands that there is no warranty for this free\nlibrary.  If the library is modified by someone else and passed on, we\nwant its recipients to know that what they have is not the original\nversion, so that any problems introduced by others will not reflect on\nthe original authors' reputations.\n\n  Finally, any free program is threatened constantly by software\npatents.  We wish to avoid the danger that companies distributing free\nsoftware will individually obtain patent licenses, thus in effect\ntransforming the program into proprietary software.  To prevent this,\nwe have made it clear that any patent must be licensed for everyone's\nfree use or not licensed at all.\n\n  Most GNU software, including some libraries, is covered by the ordinary\nGNU General Public License, which was designed for utility programs.  This\nlicense, the GNU Library General Public License, applies to certain\ndesignated libraries.  This license is quite different from the ordinary\none; be sure to read it in full, and don't assume that anything in it is\nthe same as in the ordinary license.\n\n  The reason we have a separate public license for some libraries is that\nthey blur the distinction we usually make between modifying or adding to a\nprogram and simply using it.  Linking a program with a library, without\nchanging the library, is in some sense simply using the library, and is\nanalogous to running a utility program or application program.  However, in\na textual and legal sense, the linked executable is a combined work, a\nderivative of the original library, and the ordinary General Public License\ntreats it as such.\n\n  Because of this blurred distinction, using the ordinary General\nPublic License for libraries did not effectively promote software\nsharing, because most developers did not use the libraries.  We\nconcluded that weaker conditions might promote sharing better.\n\n  However, unrestricted linking of non-free programs would deprive the\nusers of those programs of all benefit from the free status of the\nlibraries themselves.  This Library General Public License is intended to\npermit developers of non-free programs to use free libraries, while\npreserving your freedom as a user of such programs to change the free\nlibraries that are incorporated in them.  (We have not seen how to achieve\nthis as regards changes in header files, but we have achieved it as regards\nchanges in the actual functions of the Library.)  The hope is that this\nwill lead to faster development of free libraries.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.  Pay close attention to the difference between a\n\"work based on the library\" and a \"work that uses the library\".  The\nformer contains code derived from the library, while the latter only\nworks together with the library.\n\n  Note that it is possible for a library to be covered by the ordinary\nGeneral Public License rather than by this special one.\n\n\t\t  GNU LIBRARY GENERAL PUBLIC LICENSE\n   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION\n\n  0. This License Agreement applies to any software library which\ncontains a notice placed by the copyright holder or other authorized\nparty saying it may be distributed under the terms of this Library\nGeneral Public License (also called \"this License\").  Each licensee is\naddressed as \"you\".\n\n  A \"library\" means a collection of software functions and/or data\nprepared so as to be conveniently linked with application programs\n(which use some of those functions and data) to form executables.\n\n  The \"Library\", below, refers to any such software library or work\nwhich has been distributed under these terms.  A \"work based on the\nLibrary\" means either the Library or any derivative work under\ncopyright law: that is to say, a work containing the Library or a\nportion of it, either verbatim or with modifications and/or translated\nstraightforwardly into another language.  (Hereinafter, translation is\nincluded without limitation in the term \"modification\".)\n\n  \"Source code\" for a work means the preferred form of the work for\nmaking modifications to it.  For a library, complete source code means\nall the source code for all modules it contains, plus any associated\ninterface definition files, plus the scripts used to control compilation\nand installation of the library.\n\n  Activities other than copying, distribution and modification are not\ncovered by this License; they are outside its scope.  The act of\nrunning a program using the Library is not restricted, and output from\nsuch a program is covered only if its contents constitute a work based\non the Library (independent of the use of the Library in a tool for\nwriting it).  Whether that is true depends on what the Library does\nand what the program that uses the Library does.\n  \n  1. You may copy and distribute verbatim copies of the Library's\ncomplete source code as you receive it, in any medium, provided that\nyou conspicuously and appropriately publish on each copy an\nappropriate copyright notice and disclaimer of warranty; keep intact\nall the notices that refer to this License and to the absence of any\nwarranty; and distribute a copy of this License along with the\nLibrary.\n\n  You may charge a fee for the physical act of transferring a copy,\nand you may at your option offer warranty protection in exchange for a\nfee.\n\n  2. You may modify your copy or copies of the Library or any portion\nof it, thus forming a work based on the Library, and copy and\ndistribute such modifications or work under the terms of Section 1\nabove, provided that you also meet all of these conditions:\n\n    a) The modified work must itself be a software library.\n\n    b) You must cause the files modified to carry prominent notices\n    stating that you changed the files and the date of any change.\n\n    c) You must cause the whole of the work to be licensed at no\n    charge to all third parties under the terms of this License.\n\n    d) If a facility in the modified Library refers to a function or a\n    table of data to be supplied by an application program that uses\n    the facility, other than as an argument passed when the facility\n    is invoked, then you must make a good faith effort to ensure that,\n    in the event an application does not supply such function or\n    table, the facility still operates, and performs whatever part of\n    its purpose remains meaningful.\n\n    (For example, a function in a library to compute square roots has\n    a purpose that is entirely well-defined independent of the\n    application.  Therefore, Subsection 2d requires that any\n    application-supplied function or table used by this function must\n    be optional: if the application does not supply it, the square\n    root function must still compute square roots.)\n\nThese requirements apply to the modified work as a whole.  If\nidentifiable sections of that work are not derived from the Library,\nand can be reasonably considered independent and separate works in\nthemselves, then this License, and its terms, do not apply to those\nsections when you distribute them as separate works.  But when you\ndistribute the same sections as part of a whole which is a work based\non the Library, the distribution of the whole must be on the terms of\nthis License, whose permissions for other licensees extend to the\nentire whole, and thus to each and every part regardless of who wrote\nit.\n\nThus, it is not the intent of this section to claim rights or contest\nyour rights to work written entirely by you; rather, the intent is to\nexercise the right to control the distribution of derivative or\ncollective works based on the Library.\n\nIn addition, mere aggregation of another work not based on the Library\nwith the Library (or with a work based on the Library) on a volume of\na storage or distribution medium does not bring the other work under\nthe scope of this License.\n\n  3. You may opt to apply the terms of the ordinary GNU General Public\nLicense instead of this License to a given copy of the Library.  To do\nthis, you must alter all the notices that refer to this License, so\nthat they refer to the ordinary GNU General Public License, version 2,\ninstead of to this License.  (If a newer version than version 2 of the\nordinary GNU General Public License has appeared, then you can specify\nthat version instead if you wish.)  Do not make any other change in\nthese notices.\n\n  Once this change is made in a given copy, it is irreversible for\nthat copy, so the ordinary GNU General Public License applies to all\nsubsequent copies and derivative works made from that copy.\n\n  This option is useful when you wish to copy part of the code of\nthe Library into a program that is not a library.\n\n  4. You may copy and distribute the Library (or a portion or\nderivative of it, under Section 2) in object code or executable form\nunder the terms of Sections 1 and 2 above provided that you accompany\nit with the complete corresponding machine-readable source code, which\nmust be distributed under the terms of Sections 1 and 2 above on a\nmedium customarily used for software interchange.\n\n  If distribution of object code is made by offering access to copy\nfrom a designated place, then offering equivalent access to copy the\nsource code from the same place satisfies the requirement to\ndistribute the source code, even though third parties are not\ncompelled to copy the source along with the object code.\n\n  5. A program that contains no derivative of any portion of the\nLibrary, but is designed to work with the Library by being compiled or\nlinked with it, is called a \"work that uses the Library\".  Such a\nwork, in isolation, is not a derivative work of the Library, and\ntherefore falls outside the scope of this License.\n\n  However, linking a \"work that uses the Library\" with the Library\ncreates an executable that is a derivative of the Library (because it\ncontains portions of the Library), rather than a \"work that uses the\nlibrary\".  The executable is therefore covered by this License.\nSection 6 states terms for distribution of such executables.\n\n  When a \"work that uses the Library\" uses material from a header file\nthat is part of the Library, the object code for the work may be a\nderivative work of the Library even though the source code is not.\nWhether this is true is especially significant if the work can be\nlinked without the Library, or if the work is itself a library.  The\nthreshold for this to be true is not precisely defined by law.\n\n  If such an object file uses only numerical parameters, data\nstructure layouts and accessors, and small macros and small inline\nfunctions (ten lines or less in length), then the use of the object\nfile is unrestricted, regardless of whether it is legally a derivative\nwork.  (Executables containing this object code plus portions of the\nLibrary will still fall under Section 6.)\n\n  Otherwise, if the work is a derivative of the Library, you may\ndistribute the object code for the work under the terms of Section 6.\nAny executables containing that work also fall under Section 6,\nwhether or not they are linked directly with the Library itself.\n\n  6. As an exception to the Sections above, you may also compile or\nlink a \"work that uses the Library\" with the Library to produce a\nwork containing portions of the Library, and distribute that work\nunder terms of your choice, provided that the terms permit\nmodification of the work for the customer's own use and reverse\nengineering for debugging such modifications.\n\n  You must give prominent notice with each copy of the work that the\nLibrary is used in it and that the Library and its use are covered by\nthis License.  You must supply a copy of this License.  If the work\nduring execution displays copyright notices, you must include the\ncopyright notice for the Library among them, as well as a reference\ndirecting the user to the copy of this License.  Also, you must do one\nof these things:\n\n    a) Accompany the work with the complete corresponding\n    machine-readable source code for the Library including whatever\n    changes were used in the work (which must be distributed under\n    Sections 1 and 2 above); and, if the work is an executable linked\n    with the Library, with the complete machine-readable \"work that\n    uses the Library\", as object code and/or source code, so that the\n    user can modify the Library and then relink to produce a modified\n    executable containing the modified Library.  (It is understood\n    that the user who changes the contents of definitions files in the\n    Library will not necessarily be able to recompile the application\n    to use the modified definitions.)\n\n    b) Accompany the work with a written offer, valid for at\n    least three years, to give the same user the materials\n    specified in Subsection 6a, above, for a charge no more\n    than the cost of performing this distribution.\n\n    c) If distribution of the work is made by offering access to copy\n    from a designated place, offer equivalent access to copy the above\n    specified materials from the same place.\n\n    d) Verify that the user has already received a copy of these\n    materials or that you have already sent this user a copy.\n\n  For an executable, the required form of the \"work that uses the\nLibrary\" must include any data and utility programs needed for\nreproducing the executable from it.  However, as a special exception,\nthe source code distributed need not include anything that is normally\ndistributed (in either source or binary form) with the major\ncomponents (compiler, kernel, and so on) of the operating system on\nwhich the executable runs, unless that component itself accompanies\nthe executable.\n\n  It may happen that this requirement contradicts the license\nrestrictions of other proprietary libraries that do not normally\naccompany the operating system.  Such a contradiction means you cannot\nuse both them and the Library together in an executable that you\ndistribute.\n\n  7. You may place library facilities that are a work based on the\nLibrary side-by-side in a single library together with other library\nfacilities not covered by this License, and distribute such a combined\nlibrary, provided that the separate distribution of the work based on\nthe Library and of the other library facilities is otherwise\npermitted, and provided that you do these two things:\n\n    a) Accompany the combined library with a copy of the same work\n    based on the Library, uncombined with any other library\n    facilities.  This must be distributed under the terms of the\n    Sections above.\n\n    b) Give prominent notice with the combined library of the fact\n    that part of it is a work based on the Library, and explaining\n    where to find the accompanying uncombined form of the same work.\n\n  8. You may not copy, modify, sublicense, link with, or distribute\nthe Library except as expressly provided under this License.  Any\nattempt otherwise to copy, modify, sublicense, link with, or\ndistribute the Library is void, and will automatically terminate your\nrights under this License.  However, parties who have received copies,\nor rights, from you under this License will not have their licenses\nterminated so long as such parties remain in full compliance.\n\n  9. You are not required to accept this License, since you have not\nsigned it.  However, nothing else grants you permission to modify or\ndistribute the Library or its derivative works.  These actions are\nprohibited by law if you do not accept this License.  Therefore, by\nmodifying or distributing the Library (or any work based on the\nLibrary), you indicate your acceptance of this License to do so, and\nall its terms and conditions for copying, distributing or modifying\nthe Library or works based on it.\n\n  10. Each time you redistribute the Library (or any work based on the\nLibrary), the recipient automatically receives a license from the\noriginal licensor to copy, distribute, link with or modify the Library\nsubject to these terms and conditions.  You may not impose any further\nrestrictions on the recipients' exercise of the rights granted herein.\nYou are not responsible for enforcing compliance by third parties to\nthis License.\n\n  11. If, as a consequence of a court judgment or allegation of patent\ninfringement or for any other reason (not limited to patent issues),\nconditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot\ndistribute so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you\nmay not distribute the Library at all.  For example, if a patent\nlicense would not permit royalty-free redistribution of the Library by\nall those who receive copies directly or indirectly through you, then\nthe only way you could satisfy both it and this License would be to\nrefrain entirely from distribution of the Library.\n\nIf any portion of this section is held invalid or unenforceable under any\nparticular circumstance, the balance of the section is intended to apply,\nand the section as a whole is intended to apply in other circumstances.\n\nIt is not the purpose of this section to induce you to infringe any\npatents or other property right claims or to contest validity of any\nsuch claims; this section has the sole purpose of protecting the\nintegrity of the free software distribution system which is\nimplemented by public license practices.  Many people have made\ngenerous contributions to the wide range of software distributed\nthrough that system in reliance on consistent application of that\nsystem; it is up to the author/donor to decide if he or she is willing\nto distribute software through any other system and a licensee cannot\nimpose that choice.\n\nThis section is intended to make thoroughly clear what is believed to\nbe a consequence of the rest of this License.\n\n  12. If the distribution and/or use of the Library is restricted in\ncertain countries either by patents or by copyrighted interfaces, the\noriginal copyright holder who places the Library under this License may add\nan explicit geographical distribution limitation excluding those countries,\nso that distribution is permitted only in or among countries not thus\nexcluded.  In such case, this License incorporates the limitation as if\nwritten in the body of this License.\n\n  13. The Free Software Foundation may publish revised and/or new\nversions of the Library General Public License from time to time.\nSuch new versions will be similar in spirit to the present version,\nbut may differ in detail to address new problems or concerns.\n\nEach version is given a distinguishing version number.  If the Library\nspecifies a version number of this License which applies to it and\n\"any later version\", you have the option of following the terms and\nconditions either of that version or of any later version published by\nthe Free Software Foundation.  If the Library does not specify a\nlicense version number, you may choose any version ever published by\nthe Free Software Foundation.\n\n  14. If you wish to incorporate parts of the Library into other free\nprograms whose distribution conditions are incompatible with these,\nwrite to the author to ask for permission.  For software which is\ncopyrighted by the Free Software Foundation, write to the Free\nSoftware Foundation; we sometimes make exceptions for this.  Our\ndecision will be guided by the two goals of preserving the free status\nof all derivatives of our free software and of promoting the sharing\nand reuse of software generally.\n\n\t\t\t    NO WARRANTY\n\n  15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO\nWARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.\nEXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR\nOTHER PARTIES PROVIDE THE LIBRARY \"AS IS\" WITHOUT WARRANTY OF ANY\nKIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR\nPURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE\nLIBRARY IS WITH YOU.  SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME\nTHE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.\n\n  16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN\nWRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY\nAND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU\nFOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR\nCONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE\nLIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING\nRENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A\nFAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF\nSUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH\nDAMAGES.\n\n\t\t     END OF TERMS AND CONDITIONS\n\n           How to Apply These Terms to Your New Libraries\n\n  If you develop a new library, and you want it to be of the greatest\npossible use to the public, we recommend making it free software that\neveryone can redistribute and change.  You can do so by permitting\nredistribution under these terms (or, alternatively, under the terms of the\nordinary General Public License).\n\n  To apply these terms, attach the following notices to the library.  It is\nsafest to attach them to the start of each source file to most effectively\nconvey the exclusion of warranty; and each file should have at least the\n\"copyright\" line and a pointer to where the full notice is found.\n\n    <one line to give the library's name and a brief idea of what it does.>\n    Copyright (C) <year>  <name of author>\n\n    This library is free software; you can redistribute it and/or\n    modify it under the terms of the GNU Library General Public\n    License as published by the Free Software Foundation; either\n    version 2 of the License, or (at your option) any later version.\n\n    This library is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU\n    Library General Public License for more details.\n\n    You should have received a copy of the GNU Library General Public\n    License along with this library; if not, write to the Free\n    Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA\n\nAlso add information on how to contact you by electronic and paper mail.\n\nYou should also get your employer (if you work as a programmer) or your\nschool, if any, to sign a \"copyright disclaimer\" for the library, if\nnecessary.  Here is a sample; alter the names:\n\n  Yoyodyne, Inc., hereby disclaims all copyright interest in the\n  library `Frob' (a library for tweaking knobs) written by James Random Hacker.\n\n  <signature of Ty Coon>, 1 April 1990\n  Ty Coon, President of Vice\n\nThat's all there is to it!\n\n\n--------------- SECTION 6: GNU Lesser General Public License, V3.0 ----------- \n\n\t\t   GNU LESSER GENERAL PUBLIC LICENSE\n                       Version 3, 29 June 2007\n\n Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n\n  This version of the GNU Lesser General Public License incorporates\nthe terms and conditions of version 3 of the GNU General Public\nLicense, supplemented by the additional permissions listed below.\n\n  0. Additional Definitions.\n\n  As used herein, \"this License\" refers to version 3 of the GNU Lesser\nGeneral Public License, and the \"GNU GPL\" refers to version 3 of the GNU\nGeneral Public License.\n\n  \"The Library\" refers to a covered work governed by this License,\nother than an Application or a Combined Work as defined below.\n\n  An \"Application\" is any work that makes use of an interface provided\nby the Library, but which is not otherwise based on the Library.\nDefining a subclass of a class defined by the Library is deemed a mode\nof using an interface provided by the Library.\n\n  A \"Combined Work\" is a work produced by combining or linking an\nApplication with the Library.  The particular version of the Library\nwith which the Combined Work was made is also called the \"Linked\nVersion\".\n\n  The \"Minimal Corresponding Source\" for a Combined Work means the\nCorresponding Source for the Combined Work, excluding any source code\nfor portions of the Combined Work that, considered in isolation, are\nbased on the Application, and not on the Linked Version.\n\n  The \"Corresponding Application Code\" for a Combined Work means the\nobject code and/or source code for the Application, including any data\nand utility programs needed for reproducing the Combined Work from the\nApplication, but excluding the System Libraries of the Combined Work.\n\n  1. Exception to Section 3 of the GNU GPL.\n\n  You may convey a covered work under sections 3 and 4 of this License\nwithout being bound by section 3 of the GNU GPL.\n\n  2. Conveying Modified Versions.\n\n  If you modify a copy of the Library, and, in your modifications, a\nfacility refers to a function or data to be supplied by an Application\nthat uses the facility (other than as an argument passed when the\nfacility is invoked), then you may convey a copy of the modified\nversion:\n\n   a) under this License, provided that you make a good faith effort to\n   ensure that, in the event an Application does not supply the\n   function or data, the facility still operates, and performs\n   whatever part of its purpose remains meaningful, or\n\n   b) under the GNU GPL, with none of the additional permissions of\n   this License applicable to that copy.\n\n  3. Object Code Incorporating Material from Library Header Files.\n\n  The object code form of an Application may incorporate material from\na header file that is part of the Library.  You may convey such object\ncode under terms of your choice, provided that, if the incorporated\nmaterial is not limited to numerical parameters, data structure\nlayouts and accessors, or small macros, inline functions and templates\n(ten or fewer lines in length), you do both of the following:\n\n   a) Give prominent notice with each copy of the object code that the\n   Library is used in it and that the Library and its use are\n   covered by this License.\n\n   b) Accompany the object code with a copy of the GNU GPL and this license\n   document.\n\n  4. Combined Works.\n\n  You may convey a Combined Work under terms of your choice that,\ntaken together, effectively do not restrict modification of the\nportions of the Library contained in the Combined Work and reverse\nengineering for debugging such modifications, if you also do each of\nthe following:\n\n   a) Give prominent notice with each copy of the Combined Work that\n   the Library is used in it and that the Library and its use are\n   covered by this License.\n\n   b) Accompany the Combined Work with a copy of the GNU GPL and this license\n   document.\n\n   c) For a Combined Work that displays copyright notices during\n   execution, include the copyright notice for the Library among\n   these notices, as well as a reference directing the user to the\n   copies of the GNU GPL and this license document.\n\n   d) Do one of the following:\n\n       0) Convey the Minimal Corresponding Source under the terms of this\n       License, and the Corresponding Application Code in a form\n       suitable for, and under terms that permit, the user to\n       recombine or relink the Application with a modified version of\n       the Linked Version to produce a modified Combined Work, in the\n       manner specified by section 6 of the GNU GPL for conveying\n       Corresponding Source.\n\n       1) Use a suitable shared library mechanism for linking with the\n       Library.  A suitable mechanism is one that (a) uses at run time\n       a copy of the Library already present on the user's computer\n       system, and (b) will operate properly with a modified version\n       of the Library that is interface-compatible with the Linked\n       Version.\n\n   e) Provide Installation Information, but only if you would otherwise\n   be required to provide such information under section 6 of the\n   GNU GPL, and only to the extent that such information is\n   necessary to install and execute a modified version of the\n   Combined Work produced by recombining or relinking the\n   Application with a modified version of the Linked Version. (If\n   you use option 4d0, the Installation Information must accompany\n   the Minimal Corresponding Source and Corresponding Application\n   Code. If you use option 4d1, you must provide the Installation\n   Information in the manner specified by section 6 of the GNU GPL\n   for conveying Corresponding Source.)\n\n  5. Combined Libraries.\n\n  You may place library facilities that are a work based on the\nLibrary side by side in a single library together with other library\nfacilities that are not Applications and are not covered by this\nLicense, and convey such a combined library under terms of your\nchoice, if you do both of the following:\n\n   a) Accompany the combined library with a copy of the same work based\n   on the Library, uncombined with any other library facilities,\n   conveyed under the terms of this License.\n\n   b) Give prominent notice with the combined library that part of it\n   is a work based on the Library, and explaining where to find the\n   accompanying uncombined form of the same work.\n\n  6. Revised Versions of the GNU Lesser General Public License.\n\n  The Free Software Foundation may publish revised and/or new versions\nof the GNU Lesser General Public License from time to time. Such new\nversions will be similar in spirit to the present version, but may\ndiffer in detail to address new problems or concerns.\n\n  Each version is given a distinguishing version number. If the\nLibrary as you received it specifies that a certain numbered version\nof the GNU Lesser General Public License \"or any later version\"\napplies to it, you have the option of following the terms and\nconditions either of that published version or of any later version\npublished by the Free Software Foundation. If the Library as you\nreceived it does not specify a version number of the GNU Lesser\nGeneral Public License, you may choose any version of the GNU Lesser\nGeneral Public License ever published by the Free Software Foundation.\n\n  If the Library as you received it specifies that a proxy can decide\nwhether future versions of the GNU Lesser General Public License shall\napply, that proxy's public statement of acceptance of any version is\npermanent authorization for you to choose that version for the\nLibrary.\n\n  \n--------------- SECTION 7: Creative Commons Attribution License, V3.0 ----------- \n\nCreative Commons Attribution 3.0 Unported\n\nCREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE LEGAL\nSERVICES. DISTRIBUTION OF THIS LICENSE DOES NOT CREATE AN ATTORNEY-CLIENT\nRELATIONSHIP. CREATIVE COMMONS PROVIDES THIS INFORMATION ON AN \"AS-IS\"\nBASIS. CREATIVE COMMONS MAKES NO WARRANTIES REGARDING THE INFORMATION\nPROVIDED, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM ITS USE.\n\nLicense\n\nTHE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE\nCOMMONS PUBLIC LICENSE (\"CCPL\" OR \"LICENSE\"). THE WORK IS PROTECTED BY\nCOPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN\nAS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.\n\nBY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE\nTO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE\nMAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS\nCONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND\nCONDITIONS.\n\n1. Definitions\n\n   a. \"Adaptation\" means a work based upon the Work, or upon the Work\n   and other pre-existing works, such as a translation, adaptation,\n   derivative work, arrangement of music or other alterations of a\n   literary or artistic work, or phonogram or performance and includes\n   cinematographic adaptations or any other form in which the Work may\n   be recast, transformed, or adapted including in any form recognizably\n   derived from the original, except that a work that constitutes a\n   Collection will not be considered an Adaptation for the purpose of\n   this License. For the avoidance of doubt, where the Work is a musical\n   work, performance or phonogram, the synchronization of the Work in\n   timed-relation with a moving image (\"synching\") will be considered\n   an Adaptation for the purpose of this License.\n\n   b. \"Collection\" means a collection of literary or artistic works,\n   such as encyclopedias and anthologies, or performances, phonograms or\n   broadcasts, or other works or subject matter other than works listed in\n   Section 1(f) below, which, by reason of the selection and arrangement\n   of their contents, constitute intellectual creations, in which the\n   Work is included in its entirety in unmodified form along with one or\n   more other contributions, each constituting separate and independent\n   works in themselves, which together are assembled into a collective\n   whole. A work that constitutes a Collection will not be considered\n   an Adaptation (as defined above) for the purposes of this License.\n\n   c. \"Distribute\" means to make available to the public the original\n   and copies of the Work or Adaptation, as appropriate, through sale\n   or other transfer of ownership.\n\n   d. \"Licensor\" means the individual, individuals, entity or entities\n   that offer(s) the Work under the terms of this License.\n\n   e. \"Original Author\" means, in the case of a literary or artistic\n   work, the individual, individuals, entity or entities who created the\n   Work or if no individual or entity can be identified, the publisher;\n   and in addition (i) in the case of a performance the actors, singers,\n   musicians, dancers, and other persons who act, sing, deliver, declaim,\n   play in, interpret or otherwise perform literary or artistic works or\n   expressions of folklore; (ii) in the case of a phonogram the producer\n   being the person or legal entity who first fixes the sounds of a\n   performance or other sounds; and, (iii) in the case of broadcasts,\n   the organization that transmits the broadcast.\n\n   f. \"Work\" means the literary and/or artistic work offered under the\n   terms of this License including without limitation any production\n   in the literary, scientific and artistic domain, whatever may be\n   the mode or form of its expression including digital form, such\n   as a book, pamphlet and other writing; a lecture, address, sermon\n   or other work of the same nature; a dramatic or dramatico-musical\n   work; a choreographic work or entertainment in dumb show; a musical\n   composition with or without words; a cinematographic work to which are\n   assimilated works expressed by a process analogous to cinematography;\n   a work of drawing, painting, architecture, sculpture, engraving\n   or lithography; a photographic work to which are assimilated works\n   expressed by a process analogous to photography; a work of applied art;\n   an illustration, map, plan, sketch or three-dimensional work relative\n   to geography, topography, architecture or science; a performance;\n   a broadcast; a phonogram; a compilation of data to the extent it is\n   protected as a copyrightable work; or a work performed by a variety\n   or circus performer to the extent it is not otherwise considered a\n   literary or artistic work.\n\n   g. \"You\" means an individual or entity exercising rights under this\n   License who has not previously violated the terms of this License\n   with respect to the Work, or who has received express permission\n   from the Licensor to exercise rights under this License despite a\n   previous violation.\n\n   h. \"Publicly Perform\" means to perform public recitations of the\n   Work and to communicate to the public those public recitations, by\n   any means or process, including by wire or wireless means or public\n   digital performances; to make available to the public Works in such\n   a way that members of the public may access these Works from a place\n   and at a place individually chosen by them; to perform the Work to the\n   public by any means or process and the communication to the public of\n   the performances of the Work, including by public digital performance;\n   to broadcast and rebroadcast the Work by any means including signs,\n   sounds or images.\n\n   i. \"Reproduce\" means to make copies of the Work by any means including\n   without limitation by sound or visual recordings and the right of\n   fixation and reproducing fixations of the Work, including storage\n   of a protected performance or phonogram in digital form or other\n   electronic medium.\n\n2. Fair Dealing Rights. Nothing in this License is intended to reduce,\nlimit, or restrict any uses free from copyright or rights arising from\nlimitations or exceptions that are provided for in connection with the\ncopyright protection under copyright law or other applicable laws.\n\n3. License Grant. Subject to the terms and conditions of this License,\nLicensor hereby grants You a worldwide, royalty-free, non-exclusive,\nperpetual (for the duration of the applicable copyright) license to\nexercise the rights in the Work as stated below:\n\n   a. to Reproduce the Work, to incorporate the Work into one or\n   more Collections, and to Reproduce the Work as incorporated in the\n   Collections;\n\n   b. to create and Reproduce Adaptations provided that any such\n   Adaptation, including any translation in any medium, takes reasonable\n   steps to clearly label, demarcate or otherwise identify that changes\n   were made to the original Work. For example, a translation could be\n   marked \"The original work was translated from English to Spanish,\" or\n   a modification could indicate \"The original work has been modified.\";\n\n   c. to Distribute and Publicly Perform the Work including as\n   incorporated in Collections; and,\n\n   d. to Distribute and Publicly Perform Adaptations.\n\n   e. For the avoidance of doubt:\n\n      i. Non-waivable Compulsory License Schemes. In those jurisdictions\n      in which the right to collect royalties through any statutory or\n      compulsory licensing scheme cannot be waived, the Licensor reserves\n      the exclusive right to collect such royalties for any exercise by\n      You of the rights granted under this License;\n\n      ii. Waivable Compulsory License Schemes. In those jurisdictions\n      in which the right to collect royalties through any statutory or\n      compulsory licensing scheme can be waived, the Licensor waives the\n      exclusive right to collect such royalties for any exercise by You\n      of the rights granted under this License; and,\n\n      iii. Voluntary License Schemes. The Licensor waives the right\n      to collect royalties, whether individually or, in the event that\n      the Licensor is a member of a collecting society that administers\n      voluntary licensing schemes, via that society, from any exercise\n      by You of the rights granted under this License.  The above rights\n      may be exercised in all media and formats whether now known or\n      hereafter devised. The above rights include the right to make such\n      modifications as are technically necessary to exercise the rights\n      in other media and formats. Subject to Section 8(f), all rights\n      not expressly granted by Licensor are hereby reserved.\n\n4. Restrictions. The license granted in Section 3 above is expressly\nmade subject to and limited by the following restrictions:\n\n   a. You may Distribute or Publicly Perform the Work only under the\n   terms of this License.  You must include a copy of, or the Uniform\n   Resource Identifier (URI) for, this License with every copy of the\n   Work You Distribute or Publicly Perform. You may not offer or impose\n   any terms on the Work that restrict the terms of this License or the\n   ability of the recipient of the Work to exercise the rights granted to\n   that recipient under the terms of the License. You may not sublicense\n   the Work. You must keep intact all notices that refer to this License\n   and to the disclaimer of warranties with every copy of the Work You\n   Distribute or Publicly Perform. When You Distribute or Publicly Perform\n   the Work, You may not impose any effective technological measures on\n   the Work that restrict the ability of a recipient of the Work from\n   You to exercise the rights granted to that recipient under the terms\n   of the License. This Section 4(a) applies to the Work as incorporated\n   in a Collection, but this does not require the Collection apart from\n   the Work itself to be made subject to the terms of this License. If\n   You create a Collection, upon notice from any Licensor You must,\n   to the extent practicable, remove from the Collection any credit as\n   required by Section 4(b), as requested. If You create an Adaptation,\n   upon notice from any Licensor You must, to the extent practicable,\n   remove from the Adaptation any credit as required by Section 4(b),\n   as requested.\n\n   b. If You Distribute, or Publicly Perform the Work or any Adaptations\n   or Collections, You must, unless a request has been made pursuant\n   to Section 4(a), keep intact all copyright notices for the Work and\n   provide, reasonable to the medium or means You are utilizing: (i) the\n   name of the Original Author (or pseudonym, if applicable) if supplied,\n   and/or if the Original Author and/or Licensor designate another party\n   or parties (e.g., a sponsor institute, publishing entity, journal)\n   for attribution (\"Attribution Parties\") in Licensor's copyright\n   notice, terms of service or by other reasonable means, the name of\n   such party or parties; (ii) the title of the Work if supplied; (iii)\n   to the extent reasonably practicable, the URI, if any, that Licensor\n   specifies to be associated with the Work, unless such URI does not\n   refer to the copyright notice or licensing information for the Work;\n   and (iv) , consistent with Section 3(b), in the case of an Adaptation,\n   a credit identifying the use of the Work in the Adaptation (e.g.,\n   \"French translation of the Work by Original Author,\" or \"Screenplay\n   based on original Work by Original Author\"). The credit required\n   by this Section 4 (b) may be implemented in any reasonable manner;\n   provided, however, that in the case of a Adaptation or Collection, at\n   a minimum such credit will appear, if a credit for all contributing\n   authors of the Adaptation or Collection appears, then as part of\n   these credits and in a manner at least as prominent as the credits\n   for the other contributing authors. For the avoidance of doubt, You\n   may only use the credit required by this Section for the purpose of\n   attribution in the manner set out above and, by exercising Your rights\n   under this License, You may not implicitly or explicitly assert or\n   imply any connection with, sponsorship or endorsement by the Original\n   Author, Licensor and/or Attribution Parties, as appropriate, of You\n   or Your use of the Work, without the separate, express prior written\n   permission of the Original Author, Licensor and/or Attribution Parties.\n\n   c. Except as otherwise agreed in writing by the Licensor or as may be\n   otherwise permitted by applicable law, if You Reproduce, Distribute\n   or Publicly Perform the Work either by itself or as part of any\n   Adaptations or Collections, You must not distort, mutilate, modify\n   or take other derogatory action in relation to the Work which would\n   be prejudicial to the Original Author's honor or reputation. Licensor\n   agrees that in those jurisdictions (e.g. Japan), in which any exercise\n   of the right granted in Section 3(b) of this License (the right to\n   make Adaptations) would be deemed to be a distortion, mutilation,\n   modification or other derogatory action prejudicial to the Original\n   Author's honor and reputation, the Licensor will waive or not assert,\n   as appropriate, this Section, to the fullest extent permitted by the\n   applicable national law, to enable You to reasonably exercise Your\n   right under Section 3(b) of this License (right to make Adaptations)\n   but not otherwise.\n\n5. Representations, Warranties and Disclaimer\nUNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR\nOFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY\nKIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE,\nINCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY,\nFITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF\nLATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS,\nWHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION\nOF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.\n\n6. Limitation on Liability.\nEXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR\nBE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL,\nCONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS\nLICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF\nTHE POSSIBILITY OF SUCH DAMAGES.\n\n7. Termination\n\n   a. This License and the rights granted hereunder will terminate\n   automatically upon any breach by You of the terms of this\n   License. Individuals or entities who have received Adaptations or\n   Collections from You under this License, however, will not have their\n   licenses terminated provided such individuals or entities remain in\n   full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8\n   will survive any termination of this License.\n\n   b. Subject to the above terms and conditions, the license granted\n   here is perpetual (for the duration of the applicable copyright in\n   the Work). Notwithstanding the above, Licensor reserves the right to\n   release the Work under different license terms or to stop distributing\n   the Work at any time; provided, however that any such election will not\n   serve to withdraw this License (or any other license that has been,\n   or is required to be, granted under the terms of this License), and\n   this License will continue in full force and effect unless terminated\n   as stated above.\n\n8. Miscellaneous\n\n   a. Each time You Distribute or Publicly Perform the Work or a\n   Collection, the Licensor offers to the recipient a license to the\n   Work on the same terms and conditions as the license granted to You\n   under this License.\n\n   b. Each time You Distribute or Publicly Perform an Adaptation, Licensor\n   offers to the recipient a license to the original Work on the same\n   terms and conditions as the license granted to You under this License.\n\n   c. If any provision of this License is invalid or unenforceable under\n   applicable law, it shall not affect the validity or enforceability\n   of the remainder of the terms of this License, and without further\n   action by the parties to this agreement, such provision shall be\n   reformed to the minimum extent necessary to make such provision valid\n   and enforceable.\n\n   d. No term or provision of this License shall be deemed waived and no\n   breach consented to unless such waiver or consent shall be in writing\n   and signed by the party to be charged with such waiver or consent.\n\n   e. This License constitutes the entire agreement between the parties\n   with respect to the Work licensed here. There are no understandings,\n   agreements or representations with respect to the Work not specified\n   here. Licensor shall not be bound by any additional provisions that\n   may appear in any communication from You. This License may not be\n   modified without the mutual written agreement of the Licensor and You.\n\n   f. The rights granted under, and the subject matter referenced, in this\n   License were drafted utilizing the terminology of the Berne Convention\n   for the Protection of Literary and Artistic Works (as amended on\n   September 28, 1979), the Rome Convention of 1961, the WIPO Copyright\n   Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and\n   the Universal Copyright Convention (as revised on July 24, 1971). These\n   rights and subject matter take effect in the relevant jurisdiction\n   in which the License terms are sought to be enforced according to\n   the corresponding provisions of the implementation of those treaty\n   provisions in the applicable national law. If the standard suite of\n   rights granted under applicable copyright law includes additional\n   rights not granted under this License, such additional rights are\n   deemed to be included in the License; this License is not intended\n   to restrict the license of any rights under applicable law.\n\n\n--------------- SECTION 7: Common Development and Distribution License, V1.1 ----------- \n  \nCOMMON DEVELOPMENT AND DISTRIBUTION LICENSE (CDDL)Version 1.1 \n\n1. Definitions. \n\n1.1. \"Contributor\" means each individual or entity that creates or contributes to the creation of Modifications. \n\n1.2. \"Contributor Version\" means the combination of the Original Software, prior Modifications used by a Contributor (if any), and the Modifications made by that particular Contributor. \n\n1.3. \"Covered Software\" means (a) the Original Software, or (b) Modifications, or (c) the combination of files containing Original Software with files containing Modifications, in each case including portions thereof. \n\n1.4. \"Executable\" means the Covered Software in any form other than Source Code. \n\n1.5. \"Initial Developer\" means the individual or entity that first makes Original Software available under this License. \n\n1.6. \"Larger Work\" means a work which combines Covered Software or portions thereof with code not governed by the terms of this License. \n\n1.7. \"License\" means this document. \n\n1.8. \"Licensable\" means having the right to grant, to the maximum extent possible, whether at the time of the initial grant or subsequently acquired, any and all of the rights conveyed herein. \n\n1.9. \"Modifications\" means the Source Code and Executable form of any of the following: \nA. Any file that results from an addition to, deletion from or modification of the contents of a file containing Original Software or previous Modifications; \nB. Any new file that contains any part of the Original Software or previous Modification; or \nC. Any new file that is contributed or otherwise made available under the terms of this License. \n\n1.10. \"Original Software\" means the Source Code and Executable form of computer software code that is originally released under this License. \n\n1.11. \"Patent Claims\" means any patent claim(s), now owned or hereafter acquired, including without limitation, method, process, and apparatus claims, in any patent Licensable by grantor. \n\n1.12. \"Source Code\" means (a) the common form of computer software code in which modifications are made and (b) associated documentation included in or with such code. \n\n1.13. \"You\" (or \"Your\") means an individual or a legal entity exercising rights under, and complying with all of the terms of, this License. For legal entities, \"You\" includes any entity which controls, is controlled by, or is under common control with You. For purposes of this definition, \"control\" means (a) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (b) ownership of more than fifty percent (50%) of the outstanding shares or beneficial ownership of such entity. \n\n2. License Grants. \n\n2.1. The Initial Developer Grant. \nConditioned upon Your compliance with Section 3.1 below and subject to third party intellectual property claims, the Initial Developer hereby grants You a world-wide, royalty-free, non-exclusive license: \n(a) under intellectual property rights (other than patent or trademark) Licensable by Initial Developer, to use, reproduce, modify, display, perform, sublicense and distribute the Original Software (or portions thereof), with or without Modifications, and/or as part of a Larger Work; and \n(b) under Patent Claims infringed by the making, using or selling of Original Software, to make, have made, use, practice, sell, and offer for sale, and/or otherwise dispose of the Original Software (or portions thereof). \n(c) The licenses granted in Sections 2.1(a) and (b) are effective on the date Initial Developer first distributes or otherwise makes the Original Software available to a third party under the terms of this License. \n(d) Notwithstanding Section 2.1(b) above, no patent license is granted: (1) for code that You delete from the Original Software, or (2) for infringements caused by: (i) the modification of the Original Software, or (ii) the combination of the Original Software with other software or devices. \n\n2.2. Contributor Grant. \nConditioned upon Your compliance with Section 3.1 below and subject to third party intellectual property claims, each Contributor hereby grants You a world-wide, royalty-free, non-exclusive license: \n(a) under intellectual property rights (other than patent or trademark) Licensable by Contributor to use, reproduce, modify, display, perform, sublicense and distribute the Modifications created by such Contributor (or portions thereof), either on an unmodified basis, with other Modifications, as Covered Software and/or as part of a Larger Work; and \n(b) under Patent Claims infringed by the making, using, or selling of Modifications made by that Contributor either alone and/or in combination with its Contributor Version (or portions of such combination), to make, use, sell, offer for sale, have made, and/or otherwise dispose of: (1) Modifications made by that Contributor (or portions thereof); and (2) the combination of Modifications made by that Contributor with its Contributor Version (or portions of such combination). \n(c) The licenses granted in Sections 2.2(a) and 2.2(b) are effective on the date Contributor first distributes or otherwise makes the Modifications available to a third party. \n(d) Notwithstanding Section 2.2(b) above, no patent license is granted: (1) for any code that Contributor has deleted from the Contributor Version; (2) for infringements caused by: (i) third party modifications of Contributor Version, or (ii) the combination of Modifications made by that Contributor with other software (except as part of the Contributor Version) or other devices; or (3) under Patent Claims infringed by Covered Software in the absence of Modifications made by that Contributor. \n\n3. Distribution Obligations. \n\n3.1. Availability of Source Code. \nAny Covered Software that You distribute or otherwise make available in Executable form must also be made available in Source Code form and that Source Code form must be distributed only under the terms of this License. You must include a copy of this License with every copy of the Source Code form of the Covered Software You distribute or otherwise make available. You must inform recipients of any such Covered Software in Executable form as to how they can obtain such Covered Software in Source Code form in a reasonable manner on or through a medium customarily used for software exchange. \n\n3.2. Modifications. \nThe Modifications that You create or to which You contribute are governed by the terms of this License. You represent that You believe Your Modifications are Your original creation(s) and/or You have sufficient rights to grant the rights conveyed by this License. \n\n3.3. Required Notices. \nYou must include a notice in each of Your Modifications that identifies You as the Contributor of the Modification. You may not remove or alter any copyright, patent or trademark notices contained within the Covered Software, or any notices of licensing or any descriptive text giving attribution to any Contributor or the Initial Developer. \n\n3.4. Application of Additional Terms. \nYou may not offer or impose any terms on any Covered Software in Source Code form that alters or restricts the applicable version of this License or the recipients' rights hereunder. You may choose to offer, and to charge a fee for, warranty, support, indemnity or liability obligations to one or more recipients of Covered Software. However, you may do so only on Your own behalf, and not on behalf of the Initial Developer or any Contributor. You must make it absolutely clear that any such warranty, support, indemnity or liability obligation is offered by You alone, and You hereby agree to indemnify the Initial Developer and every Contributor for any liability incurred by the Initial Developer or such Contributor as a result of warranty, support, indemnity or liability terms You offer. \n\n3.5. Distribution of Executable Versions. \nYou may distribute the Executable form of the Covered Software under the terms of this License or under the terms of a license of Your choice, which may contain terms different from this License, provided that You are in compliance with the terms of this License and that the license for the Executable form does not attempt to limit or alter the recipient's rights in the Source Code form from the rights set forth in this License. If You distribute the Covered Software in Executable form under a different license, You must make it absolutely clear that any terms which differ from this License are offered by You alone, not by the Initial Developer or Contributor. You hereby agree to indemnify the Initial Developer and every Contributor for any liability incurred by the Initial Developer or such Contributor as a result of any such terms You offer. \n\n3.6. Larger Works. \nYou may create a Larger Work by combining Covered Software with other code not governed by the terms of this License and distribute the Larger Work as a single product. In such a case, You must make sure the requirements of this License are fulfilled for the Covered Software. \n\n4. Versions of the License. \n\n4.1. New Versions. \nOracle is the initial license steward and may publish revised and/or new versions of this License from time to time. Each version will be given a distinguishing version number. Except as provided in Section 4.3, no one other than the license steward has the right to modify this License. \n\n4.2. Effect of New Versions. \nYou may always continue to use, distribute or otherwise make the Covered Software available under the terms of the version of the License under which You originally received the Covered Software. If the Initial Developer includes a notice in the Original Software prohibiting it from being distributed or otherwise made available under any subsequent version of the License, You must distribute and make the Covered Software available under the terms of the version of the License under which You originally received the Covered Software. Otherwise, You may also choose to use, distribute or otherwise make the Covered Software available under the terms of any subsequent version of the License published by the license steward. \n\n4.3. Modified Versions. \nWhen You are an Initial Developer and You want to create a new license for Your Original Software, You may create and use a modified version of this License if You: (a) rename the license and remove any references to the name of the license steward (except to note that the license differs from this License); and (b) otherwise make it clear that the license contains terms which differ from this License. \n\n5. DISCLAIMER OF WARRANTY. \nCOVERED SOFTWARE IS PROVIDED UNDER THIS LICENSE ON AN \"AS IS\" BASIS, WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, WITHOUT LIMITATION, WARRANTIES THAT THE COVERED SOFTWARE IS FREE OF DEFECTS, MERCHANTABLE, FIT FOR A PARTICULAR PURPOSE OR NON-INFRINGING. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE COVERED SOFTWARE IS WITH YOU. SHOULD ANY COVERED SOFTWARE PROVE DEFECTIVE IN ANY RESPECT, YOU (NOT THE INITIAL DEVELOPER OR ANY OTHER CONTRIBUTOR) ASSUME THE COST OF ANY NECESSARY SERVICING, REPAIR OR CORRECTION. THIS DISCLAIMER OF WARRANTY CONSTITUTES AN ESSENTIAL PART OF THIS LICENSE. NO USE OF ANY COVERED SOFTWARE IS AUTHORIZED HEREUNDER EXCEPT UNDER THIS DISCLAIMER. \n\n6. TERMINATION. \n\n6.1. This License and the rights granted hereunder will terminate automatically if You fail to comply with terms herein and fail to cure such breach within 30 days of becoming aware of the breach. Provisions which, by their nature, must remain in effect beyond the termination of this License shall survive. \n\n6.2. If You assert a patent infringement claim (excluding declaratory judgment actions) against Initial Developer or a Contributor (the Initial Developer or Contributor against whom You assert such claim is referred to as \"Participant\") alleging that the Participant Software (meaning the Contributor Version where the Participant is a Contributor or the Original Software where the Participant is the Initial Developer) directly or indirectly infringes any patent, then any and all rights granted directly or indirectly to You by such Participant, the Initial Developer (if the Initial Developer is not the Participant) and all Contributors under Sections 2.1 and/or 2.2 of this License shall, upon 60 days notice from Participant terminate prospectively and automatically at the expiration of such 60 day notice period, unless if within such 60 day period You withdraw Your claim with respect to the Participant Software against such Participant either unilaterally or pursuant to a written agreement with Participant. \n\n6.3. If You assert a patent infringement claim against Participant alleging that the Participant Software directly or indirectly infringes any patent where such claim is resolved (such as by license or settlement) prior to the initiation of patent infringement litigation, then the reasonable value of the licenses granted by such Participant under Sections 2.1 or 2.2 shall be taken into account in determining the amount or value of any payment or license. \n\n6.4. In the event of termination under Sections 6.1 or 6.2 above, all end user licenses that have been validly granted by You or any distributor hereunder prior to termination (excluding licenses granted to You by any distributor) shall survive termination. \n\n7. LIMITATION OF LIABILITY. \nUNDER NO CIRCUMSTANCES AND UNDER NO LEGAL THEORY, WHETHER TORT (INCLUDING NEGLIGENCE), CONTRACT, OR OTHERWISE, SHALL YOU, THE INITIAL DEVELOPER, ANY OTHER CONTRIBUTOR, OR ANY DISTRIBUTOR OF COVERED SOFTWARE, OR ANY SUPPLIER OF ANY OF SUCH PARTIES, BE LIABLE TO ANY PERSON FOR ANY INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF GOODWILL, WORK STOPPAGE, COMPUTER FAILURE OR MALFUNCTION, OR ANY AND ALL OTHER COMMERCIAL DAMAGES OR LOSSES, EVEN IF SUCH PARTY SHALL HAVE BEEN INFORMED OF THE POSSIBILITY OF SUCH DAMAGES. THIS LIMITATION OF LIABILITY SHALL NOT APPLY TO LIABILITY FOR DEATH OR PERSONAL INJURY RESULTING FROM SUCH PARTY'S NEGLIGENCE TO THE EXTENT APPLICABLE LAW PROHIBITS SUCH LIMITATION. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OR LIMITATION OF INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO THIS EXCLUSION AND LIMITATION MAY NOT APPLY TO YOU. \n\n8. U.S. GOVERNMENT END USERS. \nThe Covered Software is a \"commercial item,\" as that term is defined in 48 C.F.R. 2.101 (Oct. 1995), consisting of \"commercial computer software\" (as that term is defined at 48 C.F.R. sec. 252.227-7014(a)(1)) and \"commercial computer software documentation\" as such terms are used in 48 C.F.R. 12.212 (Sept. 1995). Consistent with 48 C.F.R. 12.212 and 48 C.F.R. 227.7202-1 through 227.7202-4 (June 1995), all U.S. Government End Users acquire Covered Software with only those rights set forth herein. This U.S. Government Rights clause is in lieu of, and supersedes, any other FAR, DFAR, or other clause or provision that addresses Government rights in computer software under this License. \n\n9. MISCELLANEOUS. \nThis License represents the complete agreement concerning subject matter hereof. If any provision of this License is held to be unenforceable, such provision shall be reformed only to the extent necessary to make it enforceable. This License shall be governed by the law of the jurisdiction specified in a notice contained within the Original Software (except to the extent applicable law, if any, provides otherwise), excluding such jurisdiction's conflict-of-law provisions. Any litigation relating to this License shall be subject to the jurisdiction of the courts located in the jurisdiction and venue specified in a notice contained within the Original Software, with the losing party responsible for costs, including, without limitation, court costs and reasonable attorneys' fees and expenses. The application of the United Nations Convention on Contracts for the International Sale of Goods is expressly excluded. Any law or regulation which provides that the language of a contract shall be construed against the drafter shall not apply to this License. You agree that You alone are responsible for compliance with the United States export administration regulations (and the export control laws and regulation of any other countries) when You use, distribute or otherwise make available any Covered Software. \n\n10. RESPONSIBILITY FOR CLAIMS. \nAs between Initial Developer and the Contributors, each party is responsible for claims and damages arising, directly or indirectly, out of its utilization of rights under this License and You agree to work with Initial Developer and Contributors to distribute such responsibility on an equitable basis. Nothing herein is intended or shall be deemed to constitute any admission of liability. \n\nNOTICE PURSUANT TO SECTION 9 OF THE COMMON DEVELOPMENT AND DISTRIBUTION LICENSE (CDDL) \nThe code released under the CDDL shall be governed by the laws of the State of California (excluding conflict-of-law provisions). Any litigation relating to this License shall be subject to the jurisdiction of the Federal Courts of the Northern District of California and the state courts of the State of California, with venue lying in Santa Clara County, California.\n\n\n\n===========================================================================\n\nTo the extent any open source components are licensed under the GPL\nand/or LGPL, or other similar licenses that require the source code\nand/or modifications to source code to be made available (as would be\nnoted above), you may obtain a copy of the source code corresponding to\nthe binaries for such open source components and modifications thereto,\nif any, (the \"Source Files\"), by downloading the Source Files from\nVMware's website at http://www.vmware.com/download/open_source.html, or\nby sending a request, with your name and address to: VMware, Inc., 3401\nHillview Avenue, Palo Alto, CA 94304, United States of America. All such\nrequests should clearly specify: OPEN SOURCE FILES REQUEST, Attention\nGeneral Counsel. VMware shall mail a copy of the Source Files to you on\na CD or equivalent physical medium. This offer to obtain a copy of the\nSource Files is valid for three years from the date you acquired this\nSoftware product. Alternatively, the Source Files may accompany the\nVMware product.\n\n[HARBOR050GASR111116]","license":"Apache*","_id":"harbor-ui@0.7.0-dev.19","dist":{"shasum":"7d622379b1cc2a79c396702a1f6e3c66a94b7fd4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.19.tgz","fileCount":1065,"unpackedSize":5314855,"integrity":"sha512-CROWEUTm+aZV268lsQ67ln8vEwW5yL3Aqv2BchF3WvdpnRUv4P2JA3qaO/Lm4QdWEpjl0jIzKG9AeGVCofpElg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD48c+A/Yeovuw2jSjA5hdnDt3hINmRIJ1YAZbAcaT9YQIgbvhrueavwZTIiom0v3HBmFujgeLwxSPVHnTGSeOcI9k="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.19_1523282667067_0.2991218199684911"},"_hasShrinkwrap":false},"0.7.0-dev.18":{"name":"harbor-ui","version":"0.7.0-dev.18","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.0-dev.18","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-PXEFfwSx8+JX21GoGRLH79fuj5Bj0Hk13FjepbKdxkEbEvgH/Etna0HHymTDJFNMm2fw2vw60LWzwbOGeKBBVA==","shasum":"c57522fc239998ba8f6e4b9cf28d77cad77b0d99","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.18.tgz","fileCount":777,"unpackedSize":4490423,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGvWh/t6FygfofZ3i5nLCdYX8qB5lZMTyELPf3IEbQ14AiBTKKSCqc20XhKREXTRFERIhP+PzsGBOCWbmzMFpLy1FA=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.18_1523283477952_0.346331790256156"},"_hasShrinkwrap":false},"0.6.70":{"name":"harbor-ui","version":"0.6.70","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.70","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-eWVXRRAl71KooMuDXcWV1Rxag2w5qEBDQI3KZHnOVzPMkN9QnQ2n/JHcMjyqtKtamfss4ghTKyc1sGFQjoaEzA==","shasum":"c8f2da502f35ca88c1c590346dc89b283deaf771","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.70.tgz","fileCount":776,"unpackedSize":4579616,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7TrpGqofnrvAV/rmB8Xt3G4BDCOyQSVZDH8kb15kHJQIhAPRcrxI3uBbRhKqPGURH2NrN7zHgNT2YQ8zLO20D9h3V"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.70_1523328055713_0.6558735440666956"},"_hasShrinkwrap":false},"0.7.0-dev.20":{"name":"harbor-ui","version":"0.7.0-dev.20","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.7.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^3.3.18","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.20","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-P97iOchn8dkpyb/7YUrwYwOePgtXOQV27zMI3ZNEEx1w5e9WfIUjuiLOgCSVr208H0rP5CpiSVCmkwioY7qWHA==","shasum":"e34d669516220bb7f623663ec229f30cf7b61f55","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.20.tgz","fileCount":160,"unpackedSize":19701446,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBMnlLhO+usovRG72FeqqfhCQHVdezmj+FTcAf0kWozcAiEAqxtp755ahXYCyqZuo+f4utt2j+4x+7U+AbtMKSGzG7Q="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.20_1523329554505_0.7410111661872112"},"_hasShrinkwrap":false},"0.7.0-dev.21":{"name":"harbor-ui","version":"0.7.0-dev.21","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.7.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^3.3.18","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.21","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-nGokcU6Fs10qeGjM5t63r4otObl+RwwhkV4xYyoxZHOeVYlnxz/P2NfiX3VFy8twaBgQPr/lz3PQsV8tJOYyvg==","shasum":"8e54e6669bda01ba9ff51d25de9a9fb9d1daf6db","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.21.tgz","fileCount":160,"unpackedSize":19701484,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBe0ii8es+oy4nrVcMcLGeIPkfjiUQWRRtSXY8uAivf/AiA7nqdC0PFVD8C12c2mWdQpQrv4TSbb4UdZ+neMqQCW3Q=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.21_1523330540996_0.5160695638378032"},"_hasShrinkwrap":false},"0.7.0-dev.22":{"name":"harbor-ui","version":"0.7.0-dev.22","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.7.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^3.3.18","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.22","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-uGbaw73Bc/VyvsEID6VIkk14cIT8ICj/M4SwVl8+JsxxRSZgN36L9x2NWeHpUd3OI7b+x6/nZjCRiAAWzHkecg==","shasum":"825a9f9d6b1531decfd468a885379f5d6799262d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.22.tgz","fileCount":160,"unpackedSize":19701231,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGQbPgh2e6WlLqs3/+2y/wPquZFYNwv3Gf1O2YI5oThyAiB30xvXRvbPAeM61rIj841Xl2KWyCV0A3iEizHXw6e+7Q=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.22_1523338912801_0.8044569882007799"},"_hasShrinkwrap":false},"0.7.0-dev.23":{"name":"harbor-ui","version":"0.7.0-dev.23","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.7.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^3.3.18","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.0-dev.23","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-PNBQ8b/Sooa5c7t9f/BUqJQTaR4xPVupP2Q+A+Ur5sw+ZWG2am+NvBkPAwuY0wz69hVTYH79DAhqrkA8sjb9gQ==","shasum":"c64180a4c64fc80e8eaed2cfdbff19db50429e4e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0-dev.23.tgz","fileCount":160,"unpackedSize":19701191,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAVIFA99JCnXntpihp5GNm9+ny2xNyLZqgdc3ApXCoAxAiEA6H2RprS/E3PZak4Yo6+XtvcbClCngt/kft360XW6Sg0="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0-dev.23_1523339689205_0.681690091787069"},"_hasShrinkwrap":false},"0.6.67-test-2":{"name":"harbor-ui","version":"0.6.67-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.67-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-xdCya3ZU+8QmXg9xI26zBGlI+aDdLknRDnDpuftlalQnWwHaucDKPz4Nb+bMYP0VCdR3zR2iq3AKCUyeAUDW1Q==","shasum":"4f2f024713e6417f87f257db8e5c5267c1255f8d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.67-test-2.tgz","fileCount":776,"unpackedSize":4585471,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRAqVcmiIAfQlY2ZSz0bk0odkus94q3SK2pl7bTEoyEwIhANdZJYrp2KyCQAlCI7KlG+NCXO1IIxlcrqw5+sia+I9x"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.67-test-2_1523344571518_0.2511624073575509"},"_hasShrinkwrap":false},"0.6.71":{"name":"harbor-ui","version":"0.6.71","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.71","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-XvJJ5F8/eSGglPXkGEaK7yCV1FLrC+jYyLgZTBMRCZmqYIFuV4NY6qCw1f6oXXTNkMgrvn+ihf/nXlWNLpRYFA==","shasum":"dd8bdfe494ad46497bb88f49fd6476aee4af361b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.71.tgz","fileCount":776,"unpackedSize":4585464,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDe2Vi5fHcyXtxtfxlWtndRPrhhucPPFZeQIIh7Qh+ZYgIhAJG07OaORswDWbkNbZweyvFajaNxdDL6clMLPvJy2Ped"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.71_1523347342396_0.29290213004362764"},"_hasShrinkwrap":false},"0.6.72-dev.1":{"name":"harbor-ui","version":"0.6.72-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.72-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-tmO8bo/PJGz1wNb6StA5DeJKD19Buy5vkomuwm+r0R2MPCx5iS0sg221WvoSNcIwZ+zbcsuU+r5OYL2hUIE3rQ==","shasum":"ac24f717d5b994cba9704eedec1982f3c9f570d6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.72-dev.1.tgz","fileCount":776,"unpackedSize":4519075,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPoWI5qS8x7C7tAg88Y+GtsaN+aSEWjvQmCUgk3CRjuwIhAJcm4qHXJn3amcZZhi3yIA5cByF12ltLiZ2o+bv3Bm54"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.72-dev.1_1523356644293_0.4007480360257023"},"_hasShrinkwrap":false},"0.6.72-dev.2":{"name":"harbor-ui","version":"0.6.72-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.72-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-NttbZWiglOV+GP6iKJAhnSGroE2+ACSvzQRjStqRsrlXi0BIafi2KC4DjgKqGAQtKvNKI+Egb+a4Frz7GWksPA==","shasum":"50c1fb1de4a2e7d69a92a38facf63d0d3b69f63e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.72-dev.2.tgz","fileCount":776,"unpackedSize":4519063,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDw/4Yp+lVkUVqdhQL22+b00IWoKh9K/oDNxCgSxd1tlAIhANbDfKCjq4wNPYNSFEA59P52MFZoT4R0o9SbgcrztMja"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.72-dev.2_1523358373050_0.018763197198108594"},"_hasShrinkwrap":false},"0.6.72-dev.3":{"name":"harbor-ui","version":"0.6.72-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.72-dev.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Z0JrkhoTYTIDWyzyA75Ew1ioBTG5t8nztr1+hjoky2gDufnYz1QwC/uY1wnOsLR6VUklJIRlSvIPU2EKlXGfAg==","shasum":"b5e3a4a6112ed6d2f9172e974503823067a4238d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.72-dev.3.tgz","fileCount":776,"unpackedSize":4518999,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEVT0O9FdyawTMzBojQTTggQgHIMfJe5QAatNZu/bZDwIhAJd/G7o3wKa+OI5v+x1X99TuTFhRIVrrQZxBlCRB0XXh"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.72-dev.3_1523359780968_0.8611607360689115"},"_hasShrinkwrap":false},"0.6.70-dev.4":{"name":"harbor-ui","version":"0.6.70-dev.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.70-dev.4","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-wGvVOrq3zhRBs9H5BMgGSfcXV/E2gDLp2RCodyQ+wlpTUcWDMvvGSGnY71X9OZXVukzzCp3L6x8vAnp91h6YWw==","shasum":"014882bb3fd7c23fd5c4c4bd77e21f698b864309","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.70-dev.4.tgz","fileCount":776,"unpackedSize":4519083,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIESfyxNqH6nJtzsrnOHCV99HKn4STpDBfa5pppywwBylAiEAniKjUIfe2Mes9OSQzv4l9yESLbC25knyw9kPxWFp32c="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.70-dev.4_1523360309535_0.519572042022507"},"_hasShrinkwrap":false},"0.6.72":{"name":"harbor-ui","version":"0.6.72","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.72","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-rHK/l5Hdb88d1MyNWMoEOnuOAUgE+QGSbafWXdJGsa+FEXL2RasPk7NpD4bTxsk2dtsByP7+V0JCop/Q0AYi3g==","shasum":"ddf259d6cb8c3bdcf1afaae8740ed386e42172da","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.72.tgz","fileCount":776,"unpackedSize":4520067,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBXpcIZxj2xwbqbTTYLnUqfcNJuIzwczAwfZdR6JbGL/AiEAsHQ9us/7lF4XXsNfquVTCac54/za4h2ig6w9Yonz7tw="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.72_1523364484230_0.6365921301361466"},"_hasShrinkwrap":false},"0.6.73":{"name":"harbor-ui","version":"0.6.73","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.73","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-cyaFpLADpD8f6Osig7jkTafRxPhxlKM/VtP8gIhGFTx+Lf9/1CEyalVtsTPssZZBUjugDjP+gJXHt/WjMMiL7Q==","shasum":"e5ca5cc59032ab4663c8266d2c2164d7fe035a1b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.73.tgz","fileCount":776,"unpackedSize":4595425,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDimh8Ra0CzzFXZ239rKsghePAweYbCQqpuHZ3u8/TBZgIgdTLiOyo2Dgf+BuuCQby2+xgElDAZspQ4lYFsLf+GmnY="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.73_1523428837680_0.5709417627613536"},"_hasShrinkwrap":false},"0.6.72-test-1":{"name":"harbor-ui","version":"0.6.72-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.72-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-WmFoHMvMarDN1OtZr/mhj8GFr3ktGRzEEQrcfoYsoKSDxDUCj3M2JuMe7p3glaI50Nu9Lu5XNvqPBgUw1BGTDQ==","shasum":"84c4bb02ad3a57ee0b2291acdaac53230fb8d676","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.72-test-1.tgz","fileCount":776,"unpackedSize":4596060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9BsavGaYTCDcoSF82xTFsoffTDNDdSKNQ1bBydxA5gAIhAJo4kK225N8j+rQazgF+cQh4P9a5l/YdFzJQMuDUfcxz"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.72-test-1_1523524319097_0.7709696782311719"},"_hasShrinkwrap":false},"0.6.74":{"name":"harbor-ui","version":"0.6.74","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.74","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-KM8USX8F3vvN4X9m7Ulgc4wB4y32j5bV6TOonm/lBzP2QXe+fKF/JnZcllJUBRtJkjLJoW0RbAVLXtfH3tCkIw==","shasum":"c6eddec9b8d5e7c0a5c5bb905e1443efcd9c58ce","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.74.tgz","fileCount":776,"unpackedSize":4596033,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEPfNVDmz2sl8rbKfw/LJJdEtEhDEVTXm5E4nkQL2elTAiA1wYQCtEm7W+a7xVJJg7d2F/jDja9n25h2fRyzZm2oew=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.74_1523583189666_0.701251978514998"},"_hasShrinkwrap":false},"0.6.72-test-3":{"name":"harbor-ui","version":"0.6.72-test-3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.72-test-3","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-QjenPTXYzH+4X3nTAnMpdnrnrnNDp5oNLoX1MOb6OZLHomAUlAYyP8bjboFSCWsUPjMQLVBzLKQZeZ+YzG9r1A==","shasum":"19099c42ac8fc46850e9e636128b09d1d035c321","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.72-test-3.tgz","fileCount":776,"unpackedSize":4596082,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1CWkCRA9TVsSAnZWagAAMJMP/3AoTq5Xm6WvyL4vqpS4\n5Vuw9CWhxyoK5p952Z+PMe8ggIdUNFnzZq6FqiCH1+WU/6HHi/CX7Yxjgrme\nX2AV5Gbk8ZFZjgdPILBKcjZd5A8KQmYh7eL/LUK4ZD3UVi6vBN9WQNEfcVpc\nbdUUOrTUo7GZTbpP2A6VZRKuogbtKNIFvQuzPk36Xah+nM1ppzhmMbpPU7Eu\nkIlZKh55bJPiDsUl/HwEF58jRp7M1y+hMiGqt1JONhGlIDb11q8zjSvKj2Ap\nYcebky6qYU7S74GQfB2x87oYfQV8BDabpAgMAC03zBYZ64DQYMI1mB9clPT8\ngaTUzj6HucGsTqSYqGoZWnjCXtACdBRKZTCfOeR4W4JdiXrhdInnXLdD9x1u\nytcNSwN60k0CjtWiObtl5QvZ17BCcARZ1zCFlqNcxgnj0edYp2WX92XpvLzT\nAHUPdhHk50zBMvXXxn3FqxzrvfNtF79KyAgfQe6ZA4t1WSFgUogL7Fkqlquq\nxz4fvcBL3+bjyg8DBbPeNeJjoCszsg1PHtXmzyVbo0bIkYEBQ+8yRNJxeJFo\nG5Z90fzZcpeKlzE2sydFEzK/i2LX3w2SxEQceX4rdBQVy3SiNB/8EqvnN/Sx\n7E8e+W4u/Edk1Zv5iO29CiqhZBz60JMUTqE9LkUE1yqkbCoE8P+gxKezq83Y\np0NM\r\n=Nkp8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCHlltAvJV8BSmQKjaPxPuDJPPFQWGDsrywDQPPkxy7KAIgNJz+5yk1vR4QMoIvLrzoIs2yUWUZD9f3ZJlMia/oCGM="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.72-test-3_1523852707677_0.2391444594318357"},"_hasShrinkwrap":false},"0.6.72-test-4":{"name":"harbor-ui","version":"0.6.72-test-4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.72-test-4","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ZC5p+egBMXPz+abxYX21f0Z9VUU7Xl49ppNXYKnCpFB6GQXCkpMoY8a/7x7vd70YpwG6tG4SUFm7m+/7lb1eiA==","shasum":"6f44960b5d0939320cd1b1adecf87277ba2a8579","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.72-test-4.tgz","fileCount":776,"unpackedSize":4596082,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1F4ICRA9TVsSAnZWagAAruQP/RQ8dvTSD9dwmodso+A6\npNzjAdPf9wgaxxXLAnbPGPqaMZD3Y/oQzDvAWY7NRpnEuYlygi1Ichfyk6N8\nVrY2vUCVStMRuuMpsf639G9rFS0TB392jSMYlCgPdnWuFedyvtgOXvxPwHQn\n/Ly/WkVvpsiy82bdy0oOnNzddtcTxRxxjYKpvjlKB7Iz8uPpmTOn7KgN3Rq1\n6g98EPQgn16mDo1hyFpeuszHZS09ZKRqQHRnGBkG00OVDPgsRqQlXim03kql\n1HdLZ22F7JFGYJ+0CINRujx132fPwxudn7xixjTF3QDQsjcV1C3NuRpxpV1L\nGpE+QaNWF946SLJVkm+30nhyHtARlKAdqudQflDwaofDP3Vvuyr6eyPTfAnx\nodfU0zgAcUABFLqfck7X8TXRN8OL7a23+BPJSzVBspzQtWIbOfKK4iInF6Ka\ny/umYwyil3uz0BCpLjiF5FNuYRtS/uv6OJ3lTwqpB9rwYIbA+ZCdfqEFfGZh\nD3NX4Nm5xSXtWXCMi6SchgM3vn94nH1UHbqNAMUwcwTTcEVHneX99GeE9WO6\n8K6MB3zRMZ5DImZbbc9sP0VGTI5ZnUd6CtqMjM8YM6+ufswGTTchZU++eXQ2\n+8zrS/f3w8SkPRgEP+tlX7t7e+Zx1eVphQjiBinobUrt6rqjTVxz6inISjQa\nuKIl\r\n=LHQX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC9msyc87/N8JJ+/Mtf6vZXiv1spAZdDG3r4AQPwsaE6AiEAhCkRARCheXmEYX33xX5UlTaJYH45ls51VYDr4oYkztI="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.72-test-4_1523867143793_0.17323703689045478"},"_hasShrinkwrap":false},"0.6.74-dev.0":{"name":"harbor-ui","version":"0.6.74-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.74-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-NECAO/1mJfn7i4/SLQcacVgLPAJtxzdcJQ69pg0ZSgjPlHBXJ2D15F0hRwRnYkvhRR4KAYdl30/7CYXd6ZS0/w==","shasum":"7fbc631655479db467f3ea968550a0c88ea73c9c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.74-dev.0.tgz","fileCount":776,"unpackedSize":4523378,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1GZSCRA9TVsSAnZWagAAj9sP/ikeOI/LscbCL/tPT2QA\nNbjR6NVNqOHBkOtXIvLJ6M6m6PHvm/i0HEUNzX1FoIC9Njfg/n47vVkcRZW9\nL+KflPVFQ+4ZSSdPM4ylGI78vauQqnNrYk63UXEEyLomv7VP+rpcmk0mSEP9\nyA5GDMKGjOZ4pYBDh2pT4ys1hiLSjZaBG/XxJx+u0zIah4bCGeaz9TjruMUJ\nPHo7k5aMkE8GAR75oysT9P69MZa4QuIXjXVIeRd95TZqVimDl6G7W1GYe96x\nMSJk5R4CqayxNKztNqDVBXIsLFxst0JXY8uGQvS/tn1n6VWqZPGQu/LIyCh9\nMjVwAk4f2vh6/RDJG4FvaL9qlAWICt7x6IjiJywurbQ62fz/kOIJQSjcBYRC\nkG5FPC/GUFTsZeM1yan0Xu4F9tS73GrBEK2G0orqytC9IR9ZoEyqPnjMYB8V\nkGI1/LLDMrsUm8vxdMaSqiVMC1v/PlHoEqpimySEjDjZedqJp+rvRxnhAZqm\n7ZGGuMx5hAYxY8siTjoxdn10+DPo6Vt9RiqB14VH6vyvpmBatnyVOasW+Fwj\ng4rwOmc8zbigRczxGmxGTMQgKiWax4lcZUlGQ4R2xgZ+fSVXLy/KUEk9xFLB\n+rQ6+DLxSB9CrZJKisY15mnlwTsuSDrJXrgzondyl/oioPhv49bD1cfUXdUo\n/+HW\r\n=TU4Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEsT0OdcvJpNTFSCHgJtZlQypRV4TgPJ57tBHD2YbFBxAiEA2CHjbCTdr+hr+bE0+YdTzbmn90WpzYuTZvdiCJxUbcs="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.74-dev.0_1523869265753_0.24337999794155785"},"_hasShrinkwrap":false},"0.6.75":{"name":"harbor-ui","version":"0.6.75","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.75","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-CcSQd7FUIprYqsmILGU6TQQei/SlJ91jH87K8E5U/1Rxt2NsW9QJI2Ksv0ZPEb+/g4Jk2kVqongK8fDAEEdscA==","shasum":"3d8a87a3be353949f2e7b0b1511dfed31475a2f2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.75.tgz","fileCount":776,"unpackedSize":4596075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1G1YCRA9TVsSAnZWagAALH0P/i72DiEtLX99uiWnLo5n\nlVit/iMtevX9U/Fx1AAhkNDiOBHfFCVdJTCTUxu8kZhmfqjbvR1iXC1me3pT\nLuF61cBypwwcZ84oaWRkFvs72Zb868O/yG71TL+5kmplwp/tV27rcyWRoLiy\n2u+4vJd5wDCBHRwjJv+kqft8OYJq8YYRvwUWSfW1n/hVYwm9a9wrxsNaGK9u\njtbgjLG8VCeoZp/hdV1JVgsa6FZ3jkjLv4pahFKFL2F30xNurtTsAMl6gbmD\norZmMEXiO74VJj3jDWPrXjqQ5xDUoDPa/N/Bg1uJN0ql9CRxPCx78tvJxIns\nRLE2zBD+BZJEBc4NwHhy1WbUEHRpwkwP63vkWzsGgq/JOCOl2+hFomJeJcz/\nr7rRRdS2xZcvAIU1o5r19GbNttgibsWuMTiSha1VCHiP/fjeH+hhy6X9/CMy\n03UNXFZW5djnRrQJXkT0+6OuO8ou84iNqUH3RSyQ3zjhVLdaOqnX2U3rqqWP\nfy0OCT2DLP9tdQxSqa7gSftVAKTBz9S13WTPwh5wwgKs2C/wztLsof2BY2vo\nN5jV0CwERSVA9HyRHwZVwZ70uOA9YzRVu2xdmF8vHMVgTtfPjbhGZG6PO7Of\n3xKADOkVKZGENexZv6Fq3uTo7r82tsi5cqOUe/7RXajHZcjq+sH2lG1PUqfj\n1txK\r\n=U0qd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCD9osD9xBY5cpQDxXA7DStegxqEZTokKrmcTeEjRJXrQIhAOrpUf88HW7V1Xd1fAzYtevPwTesAzyQNYUfxQTyqxRt"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.75_1523871063982_0.9545941740709933"},"_hasShrinkwrap":false},"0.6.74-dev.2":{"name":"harbor-ui","version":"0.6.74-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.74-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-UGxy+RWMY8nMPEXU3vOQFRaLlNcrb3GKyhm/H6lh3D29Xyy/scSu6aPTO8CPWuEWKNM4TZJ3nihPCyFVBiCXDw==","shasum":"3517745eab0bee93c8125934f1d1dadd95af271f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.74-dev.2.tgz","fileCount":776,"unpackedSize":4523716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1HPECRA9TVsSAnZWagAAv0YP/Rz2aKcAARkdRzeUjVre\nOoz1zwuDJ3Qwz/h2rMmr8i7QhwRifNBT9+O1nW1zb3DkOKPg8fpFn30/31GK\n5+AmtO6n1bVXt2iikznIlOJxZUogESTLUHMInRsrGMj22ixoqQdtl6W4HKkV\nCWXvmbo+vFv4MZUB/eYbtvN8XMklnHY6rZt+NF3l5MkFmyjNp9aN5DBjiFb6\nYIkpzr7W6cNwGRI681dS3MYIok936q/cvsxKOT9Ni9WOSzTi9RkRSpQaZO53\ngRvNpp1ZhlbawqM5aX7wMRbF2osk+9Kl66Ygkt/KMCWx0VnBqUXsVVHuO8E9\nnXT/fru/xVtFWBhP4pOqei/8Ogni4rCvpsoN6DBdsolOZibvBeViI2twSJL9\nWUnwuwa+q2G+pBJdol3Kid0nuJya9LK77wHWQEfGDXeI3P1tJaTvSHIzBmel\no2aTeCeVI49toUwoT1GbG53xMaz/YDlUGdBYvKSKxsCYjS70l44ZPHsgtkg0\nxNGfLfJ0IcZLkh4bNTgEYP32kVTh63t5G4EbLIzB45ap0xUgQfPW28VP4HM7\n1/oT+pU+tvCnRVie5EACxzQz0Z9vFJi0jB+R2ocDaHCuDDiF1vrgazl6XI64\nTnAZ22zCN1CwYV+t18YOOKDooIE7qXspDj9khIj6lvCXOp42F78LdxkbmL2P\ngl0H\r\n=sEgz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBGY1nteMyKdKjjrlRQ+mnHEBJ5E4y2aNCt7NicsoXDZAiEA2xjzYFUUFRCWmM1xW0MrDtEEyjc83qjzJNPWR0T/5Ts="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.74-dev.2_1523872707913_0.016126862356253158"},"_hasShrinkwrap":false},"0.6.74-dev.3":{"name":"harbor-ui","version":"0.6.74-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.74-dev.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-tViQecrw5plsMPkxqpcW8dbJDXGXj3EhEkquf4XVQdncqreWdZkvazPVJIYxYBclT0NBmj1wX5YiZSIGJh2Qnw==","shasum":"4bd1ebe51b60f0028292a29e416d7183e7dd1eac","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.74-dev.3.tgz","fileCount":776,"unpackedSize":4523936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1M+uCRA9TVsSAnZWagAAXrIP/3XlMqviqkqpbzaz2Mk7\nQP6Di7x03Bhs2xEaINV7PIM3bRq49BHVd2laOsq6CQMNU/M3hle0BSbQS0g2\nFKlovcPS0cTWcV0DDa39l4vjQewfrkEAE10cpuVvsYL6yg+57pPFTX1LR6S2\nkZrdDiOumDOg3Wu0jUt5IPoZG6VNeCvpka6MIlM1pGI74BeRUa8QtnsyZEWP\nF7JQHcpdusFlXuB+3tts4eaR9FAWcdoOp0aYyAh70hSeMNP07mDw7yIDp3Xc\ncWg3fyt8jA5YeB9JVRW5LFKKKspHqpNhUaaH/JvHWbiwTneYPY6XoBSPloB3\nwWhaBg8fIlWXOsh78OQi+TMYULiwmlBV7yKzUYInoTnasBkrsTBF+zsAdwJ2\nAQpNNWF6CxaM0M5AK/Lu7gQx0/XbGJx+DwU9+7R5zxlwcBqODSk6GZVVMFpk\nLTpbfYnntxaZnLbMAiV4nU79JAUnqpUznc2DUughayTvrzNSEZunUKCiMj2C\nStaClJj2TjLFiaMvgL4/tqSaldsJEDRKF+p4+7EGhP3G6XdGLkNJVNEXB92Y\n2wyKh/thBS6AcRQehx/ydsqKpgpm021qAZLxYHrms5ndGWUuS0O2w+ObFtMd\nMmZuKzoRW5yWvF83PmyX6Fvv83aK/A6QlqAqrLjVwGArfAnGCiUxTzj2/AK3\nY0QH\r\n=ovQM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4H910VyUpqukxtH1pCTRYO+IiDjSp2U6Jha2iokGIJwIgKz9BeV2XO6DJHeJn4kDMVjE26r/E/2gn6yCCsKogMUc="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.74-dev.3_1523896238252_0.5050525849290501"},"_hasShrinkwrap":false},"0.6.76-dev.1":{"name":"harbor-ui","version":"0.6.76-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.76-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-AO1rsc95fHfl5j+Mj7vW6nTeirPvgp2nxXotG2k4VW3QFQVTl+nroTIntXjzXl73ToEyjbW6Jit3g5L5+wD/bw==","shasum":"38d2944a663fe8b28799b25ba2c0f786e4a7ebfc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.76-dev.1.tgz","fileCount":776,"unpackedSize":4523936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1a+6CRA9TVsSAnZWagAAUN4P+wSu+XdyuR8mVRooRPfU\noFE/2A9MaQ7UBQwGuNAwd60me884YXzHIHACsehRyXOG/y462idc9jvKV9Wg\nUq+orrFCB+g48fPIWJxoG8mmO0dk8a9/ZIrfkqYY4QZwSb6Iw7DffL7vMV1H\nDxqsZrsayIXZvBhgHfWw3VwBmr7Ff6Lax4EBYCfMZrALXSecHjxr0h/7OIei\nrVTKk7BBeNRGjtpMsemIv7imkOJeerrSu0DMCI4QaqdaQ186HsH3i8GC1/sb\n71QJ4bzTaZRRTG5YjyfFpwJKRCczHpJfrsN9+4OYqoSWIjDISK3TLMw7bteo\nqdaVzNd1VDJ7yNw5G1Qj/v7ZqosCMo7i7QcWzmFJWRwualPkOkTeoAi/eIac\nfsWR4oaSMkunlpF45e6DhdpZQWyYyTE3f0T/DYObDf0pPI22BYXG1TWAtewC\n6e3O5Cvt1Cczflm9PTmJGzNmWb1CO7Ev3SVMhUSVuGK4AU8L5geT8ERHuiIi\nwPFsUbLu+e9OP/y25yPN2jHr+0GN3IdCELqoUtf52PAf9o/URRRUAOAv+gay\nNViYd5bati/MdyTvadynqn60TsARVz6Tu3IK5WhokAlxR480yA9PM2uxB72i\nq7exmVHEBuxT4jUUECFaxlsY0s+cyXrcDADxvLWP5koYYTlGsuuG8aKZKoVP\nYheM\r\n=9lWe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF72D/E+bq3k/ZPD5s4cXpl8kmncn2On7n9PylufptzXAiAXwnV+HEqv1qylyh8PqI1Cm3AXlrqb/wKIyfvBSuZNHQ=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.76-dev.1_1523953593940_0.5340277138847411"},"_hasShrinkwrap":false},"0.6.76-dev.2":{"name":"harbor-ui","version":"0.6.76-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.76-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-jkKBvbuXmsa4zCgE4hRWKbbvqGM8AHYC5UL5gqrVC2Y1QXTQjU0mbJbcAhVli8rd6RX8Nx+emByQdYxc+cn5Tg==","shasum":"0bc40ea25201fe17fa76dda090acb96657420cd6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.76-dev.2.tgz","fileCount":776,"unpackedSize":4523936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1bp5CRA9TVsSAnZWagAANqQP/jsC/lOseYUJvDrG7QuN\nQtxsph3Qc8xgDnxZ2f+nhjhRTFyGFDGiTtm/XydYP63Gti3cu+efg8xdfO/g\n3Y1LSYDH72E54GfRVIWY2KKbbliQL1yFxxKI8/rM9gHB/AnRle09SSUHYNTm\nPl+7lq7RXoTrylhP+P7BkKM/nUcWCyXQU88yg8fmHEXQrTHtAb/V43FDoCqz\n2n8HJV4WGuFkP7nxnDO+COtHKKovbxBEtWNxHJTZTv7ROsdh6TC1QH3agfj7\n2En2l2fIN6sg7RKi/PXvvHd7+6+EwZvfOj1OUtqLHisFd8JCFEnvCysQb/qO\nCREqJ+D5PnQYG6iIgqdQ/cjwG5mg6xvwg5jj0ieP0TJZcvTAyEGGk6ssaX4p\nw9QaT8+0m+yWQLRbTcL8vVNXWicybb3yPiERxPyORbb/f9SnEM2Z/U7xc2lg\nx2VBHI2a8iXnoKIpt9xR+n1loCHWqkWiE80mlD36RRfh5cdE0W7tlAA023Bb\nQ6/xtZBKC+civJYaLL4YzUbEh/sqEjjbTIVOT/z/ww5m11hZk8J5riWbtFHN\n6LPJG8T29XueI2cDu6FlG0a0GcEIL+henrIoouMUThuWQE94/xvmczxrNAZd\nm46rTM7AlUKTm/cx5hRFuT36nW6jMJubkQnogFPPBLbjN6z3B6kXcAqWxwKS\nADMP\r\n=kd1r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBUC97uo4Yb5c/dmKURNRIcJ+Gw90tUix4ktdWDWiaZ3AiBHr0epswzw/+N1KWamrmm0zKGS34/KzqOXjGiEq0KnQg=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.76-dev.2_1523956345223_0.10898921381847892"},"_hasShrinkwrap":false},"0.6.76":{"name":"harbor-ui","version":"0.6.76","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.76","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-A0lHy4o/Ro1Csn+4JG8NtUz9iPMhkXZV1gUN4w5/YOTjQQCEwRSa3+YiRE1kgt5yvEJV4Cob7KdJfRRT+UykYg==","shasum":"6369552e40b88930dbfd15c94a99fd1b04300ffc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.76.tgz","fileCount":776,"unpackedSize":4523930,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1cqlCRA9TVsSAnZWagAAOJsP/jiqPJ320Bt5Un4//SZe\nH/ENhQvI9mjHnnehsfz1TXsEcSE0vnPVIfW1tZ8s1LMS+5pu/71Et79eXmjR\nh34tPoXG3jGKI/FV+39U9iHRQDaDCxxNGM+4T5IBRYp/f27pJmk60Y2J1H2o\nuLiEFHLQbBbY0fWoZbQdnfwr+m7RBU4yENSEsDtJrXuxvrNzL8kD3qWkyYZR\nOvjfZjssFfXeDurv7aqafG38e/1PQuwvA9y9J0Ppg1rZS/FNNgc9wkxzDlL7\nEHSJEvHw5VdXP6GYIa6gURwuxcHdyCsBrwsuEbe8uqRCWqJFMNMN4O/Nh9b7\nghPjR6jAAYXQXlvdM5mr/hybybYLZu7sk2iyKM5WkCKr67anGPxezMORED4Y\nvEWv6iUgk+oJJ8jClHg0dOCec9PdTfxXfLeLrmRNOriVWx/dEgzjW3hG47dZ\nfBiHrFO35blRsZIUnoD6/tVNLKeri9a2znhd7d3x+UPI77xrErVIW2o7bElo\nmaHpy3v+amsAjKzk+A+eiSD64EwVwcU5KcaDphGdGXDj1mG5H/6COJPJ8dVy\nMQYPwdl0YMKuFqD1zgR9RuRAzYN08QIku6Qy62UxxZqEev+d5MD/EfR4pynU\ny/eyJWKKj6Q4I1so+YRGigIdwoqiwxWIkYd+uVN1KG6GnCwms+lQJtycKWvy\ndiuD\r\n=8Zld\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpr9CwORDje5/Nfe+z444LZFOHeSXaUwhpb59zuyyAGwIgPdz2qJ7pjTvdR40a2AhotJpqhs3t2vQUY6AcnNqWHdw="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.76_1523960485419_0.6033602862971728"},"_hasShrinkwrap":false},"0.6.77":{"name":"harbor-ui","version":"0.6.77","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.77","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-jzRCl0GfPxFvBETZqoPaebZNEDfEafD2x7ZIgEJr7e29NlAHD+Fcp4h3aGkxKG17YOXEqFPqjt+bekfOzs+a2Q==","shasum":"4bc13261656a745adec9bbb6e71e69ecf8264a91","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.77.tgz","fileCount":776,"unpackedSize":4523972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1c5tCRA9TVsSAnZWagAAWUsP/AkaNtd8nrYfYlHdIm8r\nGop7m+PfaXgX78oqiA52QLsI7wCsyetMUcHrFJtxSuTqPajy6NaxJG1LB3KL\nUUd5y4kZjUWZgTzmJyinb0iINqw4dKUNd8JHqLW1yC3NAATObjwKzdFbDY2c\nM2/lnrwzgIDWzJaT8uEqOpFgMjRPcj2fIgjtEGn9yMZ0053Kxsk8hrT5UUD5\nmODHBt4kOHCNsLjNhC1znlz2qG9V/gK/9ST+erj5hySLY2oadVZnLx42H4Hh\na8pPTdh43xDMQ+bqhJtTidp2h5vfGbcRyPk470glPBe+N8LeWYqQjgPjkNo7\nN+qNrKpj8NXZcagDjZQlJVGy07gmU3HdX3Z2xL73SMVlwmUpIANX86ZNdgab\n7NgFBxLDxVVrfDIegX9wtppYBSVZB8cz5l0B/8vB7CUNDaoDOX5T/JgQLusA\nokFJ8CZwkV45p6I52LRaIx9pNOz9FZfHXpXebnbCPRf6zE1ybqB8Z/343qm9\nQWANYlSbGlu3qqo2BGLTPBrh3PyOWq4I3VlIgRbepn9deGMyxVTMFZsaeDBT\n3lTGYO10c8ULBvho1G+eNNnmS1jmcIWgAJWf2Za92KaEdCtyFeClKdfv1HDu\nAagXUiYjLppFR9d7FpaAbRlgWvZp2vtWLXoERNowTVKGSQ/P1rwAPjm5BFG5\nNoF/\r\n=7Yti\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG+NZRSiwyF9e1ewCcUv8F0X9kfEwlcQqLvaY8m84v62AiA4nZjAOb+gmLt8VhO5MSQN77jSvHATv33HmUeH5uj7oA=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.77_1523961452971_0.1565804775584716"},"_hasShrinkwrap":false},"0.6.78":{"name":"harbor-ui","version":"0.6.78","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.78","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-9N6LU+9zbxIc3SeRtpnJ4KCBjJvxazxQHDEus+YVJztc6r4I8pd+lrP+BlWCnZnrYHCS6SX2bnRVBTKhe4P9zQ==","shasum":"97db6ba071d23ece69e5a9dc1282ac46e610e704","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.78.tgz","fileCount":776,"unpackedSize":4596075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1db5CRA9TVsSAnZWagAAp4kP/2Hggs4mFBE8Gg/ofShX\n8RvGxgKLU9W6JognfMx+nXR3Vgk5Eyxt97c7PdOSoMOTjp4eqDEjMP54MWuC\ntr8kQe1+fySSTIiQKrKHB6hc66i9Yk79A4j/BGwSzPtxyV5IQmRWZzLggIWH\nH8wayycbRjb4dlBo7FJZoCYpZ2kuAoHeYHzgCPU0pINT86cr8cO+TBeUutP+\nDBZN8MUvV6lA4taCw3mzh7BDmyrwy+umrHpnHvm6Ec0wgxhEglWP3Fx/iZ5P\n7qIdCwuskH2suZFX7IPlbSW5s4YUES7ojovvXvVrbMzV2wvSzxzSqh/8kwk9\nF1tQxTDXIG4sbcLSyZr5MHRlrDnd88OsDjWdZ9Y6yfuRZvCnuDcsggIOrRuW\ndMYaoiAh3FIkpvCkrYuGPwPgiz6VewsgxGWjC4V+o83TDKOputajdDxqefGC\nN0bjgRb0fV7JcZV3jqZCwM8WFuWJv5c8fekugjZjO0IyLBaWo6G1aox/BSb6\nVoRoI1kDT45OL3kPGM5IvMAx1ng8EBrleEinSutBXQHEiVSzmc0WOe339cUb\nGLffZPTRsv56qg3vKySMorTbmgnuhrhw3P06i4ahU0LfWqc/tuy7h84GREYt\nYnBjBwb/T6J+vadpi7NtET2uYCLh2CxvHytEPCM+OKjpqXt0o6Fi/sCKo9Hu\nJb1O\r\n=FH/i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHjPU66o1JtNIDnuldMsfTKFKS3mLG1f2+0IIejiqN/qAiEA4cpNxRvRdbTrpZj5HU7zVv2COabGUvwuvYl7wj8LnN0="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.78_1523963640753_0.2625679868404829"},"_hasShrinkwrap":false},"0.6.79":{"name":"harbor-ui","version":"0.6.79","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.79","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-c/zHNKpJ26VmdrGZTRP32FwY6WLIC90RZc3iYibosIT/1tZxnjzyb9SMADmRaLcPiqLoRTatV1XgiObsAN0n/w==","shasum":"735b6efd752e5adc14534d01dfb5d01360dab867","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.79.tgz","fileCount":776,"unpackedSize":4523930,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1drbCRA9TVsSAnZWagAAPEYP/3SyqqEhmIkuCjjZRQ+r\nbdDIOuLOi1agkGcq5qsS2WLhpFeJcPQe2GtwmpTqJlxVV286y2IB8fe1g5/j\nhF6GOoze6LjIqStEaC7vWivV2KSI05nOsNcQZxWRyevuOEXmbVZzBkuX7VBo\ndIaSMp1gEfGZzJagAXfwXbo4k3680Q4XeBs1Yz0+h+ny0DaQdk19OKE5oNfN\nd4cVyoQdD3HUugFlDfN+fJ5PuxWOA1/ZwUds7P5uwi17EJM/nxrAO4/y7aP9\nNwYzoiXSwOQ17DZ4mCT043NuzR3G13Ec40HVIH3/VmPXfk1MBTbNkSdCYC5M\njKhiLplVCu+wQ6XXPDg8/7bWKT+OEKrov7Fa2YP36ZQHDW7lPa2xvukK+r9Q\nnxtMqXAZsg3vwDLUV6UHu5590XpkZAQhS+Hi2BfUZmJG301E5DxrkvD0Uq6i\n8HvMNq05P57a4cYZp1ikTdY8ds+u44osEBjzC3yWeKldZ/Iaa36zEwhpD3i+\nyYpq9womON2YEmyvA7L661IWEIpys0Hz+Ckrg1LfTw0ENI5K4vt2YiKOD4b9\njIFEwQeU9Cv3uErtNvc04cczyKUsSaJuKCd4We8L7e8WRrmFkfm8Ns69yBUM\nA9dgPS3N3qCVoJswXnnzWKDjsisR3gFyK7UZjeNHLU9gJIia2RjbS588diyE\nOwSS\r\n=csyi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG/Iezbtw4o2ZQ9YTbwyaL8SITvf0nD5YLFwLRUzwmBKAiBJn/qPUaSyB5zjiuyHXHQRiwkHqvQsyz6ViMaSBz8Nlg=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.79_1523964634618_0.7248189624756289"},"_hasShrinkwrap":false},"0.7.0":{"name":"harbor-ui","version":"0.7.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Y7JnnDh91Yi7rhmIhMQQm+zdRgbHOc7pzFTkO1oCzQMuNA6nNxxgcLSTDx1YtO0cBODtoUXC1qsghVx5zrtG/A==","shasum":"378eb4c23d868eb3e07c9cd553b793ca46edfba7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.0.tgz","fileCount":776,"unpackedSize":4523971,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1d+gCRA9TVsSAnZWagAA6PkP/Rzd2O2cAtzBmhyFyqdy\nqmnuBUgpCtGFKT/3eE6V12lHs4GgzF7Mjg/9Wm1fQ+X75ZnMLQ3VBfLU5wAM\nifmnCbfE91+wEQuXeVMi4deKjPV1w01oeZDCcJTaCXEpZNi/UljXPdHlSnMF\nnHwIIB3VNyh9xrQBHmBfYh9eSQIWly5kvBvykH6tNppFUseOxF3MBTUuclLn\nm+taV1uURbiPoOOvEKCSRWYAxz/fcENFdqwnKR8GY3x7qSb4h2Lq/GwcJrJ1\napeHl2n6B43IC0KEas7aiGXK28W4w7cB3mkSUiz9pmFBRP49Kw0NVP8L15Y5\nRd9D7buofXNVRfUgIrxrZC8j0mju6RvA8rpC8h8que2lDo8YzDpCI0KZPtPu\nD0jVSJEOEtl/t23VyhS7UqMG6IzkEymV+S3ACQDxQLKTLspCZGxQdiyWq0n5\nZXoAMfrH5a425elAUNTZe99OW0l0NX38F1KFyYg/3l+21S7b5ntvQKPmwo92\nJhn+1mDmnC0ZZF7K2rwq1W1phQ2NQwuUhv1M3xnul7VPC6XZWO6eFGvoLGzn\nU5UhORp5BCImmLUnsDkIyvQC2e7Q++mFcj/1/zQtUQbeR5wEgDNHfSzBrUy+\n8evtSqGn2Oi2nMcDzR6uXv9pb1mXlIDX64RAetgA9rceuXSHfGezINoOlcQ0\n6ojs\r\n=Mpdl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB9NTM5CK0P6Jh2f4U3OwlMfhUEqkbw/3YzU7jZPSaChAiBj/YYircrDDQQutLVT/8Q6+TOXe3YvvrNyvzene6/PiA=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.0_1523965855665_0.6257481992697087"},"_hasShrinkwrap":false},"0.7.1":{"name":"harbor-ui","version":"0.7.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-v4hL4ur5/QPCsTlvReQspEmewCN/gHxKKqyLoAUhLToAKrnVi6GNvmK+iB0eEi9lfHNVUhChybBBIpo7RW/2cg==","shasum":"cb005abdca4dc3328c872fa6b9ec2df0047de06e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.1.tgz","fileCount":776,"unpackedSize":4527034,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1sM/CRA9TVsSAnZWagAA1coP/RJM/zdQ62NW9jGjEkIY\nuk4Fl2ZxhjdAIoVBvqJ+5DOAuRowPKA0F0Tfiq+hKAxwu1llUG29lROCgqXt\nMEz3f9qDKVe595ggB4LmcHolj/oxpVIANrmRSSofzYaG3c7AbgWguWYN34mp\n3HvZbLJrTjGVXQvOrK0//jsXM1NbD6zGxPqpWEwTrXZYyLvLjZeCJIsFMtXn\nXjayMeESNV/g7nV8JBxsymfRtf1dmeeYMioOD9yDW3ZvFPKXDX93cLGU6+un\nM+Y0wJ0Y8if87dVgDWWmoVuljxf/AVZHyDNHxzljJVUvgH1IYe9BVOEyCG3E\nDZ261oQhc94k50O6jA9Y4jQU/A3k06TPQDX1YV4kNPmAHQQzWVGy75UvTw6z\n7XKDjt0uSea9O3qko+ohmG47qz94etVnIhAc3GMJDzB7WBUD65skhge0XjNG\nEGgASwm09iS78ZfLkSGp8QIlBjxnZpEbk7eot84co+2Ph1P6PJgwPB7Axhfq\nqonO3+svJuh0UzqE5q2BQtqK/se1Xt8Yms9E348UY6nYe5t1sZqp5ska02IQ\nP03VwYL+bGtUhp1CBLEmG1C73u1sXKXjWzxWdxDXWvgfXCWUdSOId35ztHEf\nOMp3GWGizbEXwzjV15+FZEyq8PRhueTwArYbFFaPBt4vywSCiD72mI6Vr9d4\nv8k2\r\n=/4ep\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7Oxw7rTT1wR+oAPm5/xtbFnh9/BVHyrQtmlke5aGS6QIhALfDpCCewOd4nBeClKYE4vQHqk1v5xC4i4DSp4/FKuEk"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.1_1524024126728_0.5584282306587596"},"_hasShrinkwrap":false},"0.6.80":{"name":"harbor-ui","version":"0.6.80","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.80","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-l3exP6DHIpPBDDtMKfuxwbC1S6zcTcKFOsworANE0vKCJJnsf4dr47W6dqjMbTlZLBVCQYqXIsn7puhNPNMJ9g==","shasum":"7dd3ebe6cb9b5da81c957321ccd2d02349d546b6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.80.tgz","fileCount":776,"unpackedSize":4526993,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1uSLCRA9TVsSAnZWagAAE1gQAI4EGP2F8bVMxV33NEl8\nlvScnF0leLHqrasJmWmI0SUd7Lvson0kXF6gBbQLGyAzhiUgKvFbnod9iN2c\nVqa988dGIcPYuYb5OrJC4UlFd3OJ++sSx270c+oSIm1WcgfT3+K6lp4hAwkW\n5FaqOAVlwp234BM2yMjbKhS/O6jtKl6/52hU6ZxPXU9ziPXk//Ao2890yD3C\n31GDvuj7ou29Lp3gRv67hV8eBPOd7xGwqc7cSMnBe9bpUugZbFfi0SKjBPmS\nLchoTNNB8Gls3bAKipZwMadSPplY2GwxeBSr4HIxQMlWyZlydgIaAODGaMId\nOkmhxKEmSIuQ7nT+Z436KLaaKGOaeeOBQibSL5HF5TvPNjzFgguY80/DDUkD\nZZO2CNSzUUgAfoxQjzTJIHl86JRkCsEx8VkxYr46VdQGbkji+gGjfUJuIjJH\nAippoSxDOWOC7K5bFARi2RB/bQh1Fh2kQrXTFuRoEIjrJn2M7aIvyC0IOJlS\nky/V0ai2O17uCSltY0kd3BAgkpUet02jyagtUrsSYrdaKf9GgL7U1mJi61Fk\n6HeoQQ2GsgPoDb1gY78D1xpX8ZumM9mfvloAG24OpEeVEJbJEClhLJ8NSkg8\na1aJBIyjlhQZNcaO6BOjx8eiyKK9Sfn9zh9eFCWLwPvRzUrS/jShnCyejimz\nbJ7M\r\n=cUh+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA7SRqtJ/AVnVa5QEhy1H9XMHtrwmhgHqrEJPz6m/97fAiAk5YcaXbHbKhPYBbe6ZRIiPg9caPikADjS0me4VA4vIQ=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.80_1524032651395_0.04276262495766758"},"_hasShrinkwrap":false},"0.7.2-dev.0":{"name":"harbor-ui","version":"0.7.2-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.2-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-/foXbivg2UPPTwCYn8Pya/0WNgCajmD/vVePId6V/PimhLfCvSUZyg2c+TEF0jny+gXK+b2I4F8cSyx/WX9cvw==","shasum":"9c85355f8901864d08855024704ad5417192f195","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.2-dev.0.tgz","fileCount":776,"unpackedSize":4527036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1uj9CRA9TVsSAnZWagAAAf4P/0ENG5BvMA+9G1lwrOhh\nxqfZhNaf4ih2GbjrHRrfFrIwXssNRUi6IlQdRLZSSGNB5eK4w15xukz+Q9ME\nAsOaDWd5AmRgaPCvQQJ9e+OdsTp3KqN6LlPx2JwFhunusqP3BnsOrj/ze6vD\nRERH8lVURWNNvcX+PUp51RJk1GT0bEBFjOr+QNGKBTYBxrs6PekthOpjRl8F\nyHf03BqPOQUlKDs3XbgNhdh9M82PSCYTWWgklw0naEhJskexeAwIUFHyIbZ9\n0E18BPLCFS0dc/4bvJ0nmOhN7mB/UQbVPwNBGIS76jW2yI/VImNe/e3waL6H\n5/XsREqNpIQWSrCtOTEjVAmPRo7KLQQWg4Ecuf2M/ET7bbyYbPCNkRAUqTcM\n04M4UfdANMDOn5gmke/tg0ocDenghiS0vNCOT9EAbYHunKWlDdgVKwvs4/3l\np1p0hIXnnyHjeoLSTr4X7H0vRfVMhrYrXZ0j5z+LDDolreyxPJ34lXN/rVCp\nlkDtKUtKO1rVmkh9Zz5JqiBaroRKDxJGLQ2PhD5CFn1IA0Xwq4kd1H3CH6Qp\nuAAIoGptKRK5HcGZBJh4r6GN078kduRC9cPrmUizYYVlK+cmuGeu3qYh1JTt\nlQR+cYmqnQEXHGrUWEsb5yMQhLCDpxPykSdcIqMRTEr4jF8Bj8rzK8DjvDZy\nDJob\r\n=8JqZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEatjlATMQkztdkIT6fKcPCqa64d1R2ukrQOkELf/GchAiEAmVHCB+Tv1/ANevUdsuIgX4Bejq7XGIERXkC5uisamT0="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.2-dev.0_1524033788886_0.4173224675233784"},"_hasShrinkwrap":false},"0.7.2-dev.2":{"name":"harbor-ui","version":"0.7.2-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.2-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-aZ+YhxCaLvHWoUK0vk1L3e2kM4ThqEKpke11KimudM1FcveNzcUj2sfu1eGzBAyGxdSk2dXbKrvnooymBernng==","shasum":"a9ab124e2dc2ad2cb6a876dc052e66bc81563682","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.2-dev.2.tgz","fileCount":776,"unpackedSize":4527605,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1vkyCRA9TVsSAnZWagAAMtMP/A9lkdsPU9KpFpZmPgUj\nbCptBNrzRsdhBmXnzDH3Sa3y5IdLGUVHVtt8x2dUtQN4d8XI2HHQdopCyTkU\nWWPkrl1jFSMeu5zBlKhhrw9tfR4C8QJ1R+PXn0IaFLyh4bIFdqVxSo/NZRHQ\nmPtV+S1ldqTxFviYGvcsqPqI/A8oYmQfe9FJY7w68wWFe2NzmuBzK46js4TF\nlDQyX1ME0gQ4X40rXF0tT9EWjiZ7i6Ww7ouZKnZCHQx9zGXVWN8f1kk6Dw3d\n59g0vmPC3IoQVh1+m8jyNz1DrQBdxdUKkWIJbcVgsZKWLwOorYRR+HjxxI5/\nS6MKGw9nSz2BrcNlnrTdr8qKKQOGME7CDmeJnM9XtyRrE2MdhbpZd75cBmHj\nxX32/8NmRUhbr/FCKxbC43XakZef0UgMyMDwIEXiW1PHRQF0zU8Vt6B2O92Z\n12p/sG3TuMxamLLwFzgvNMl2jH9tSGZA+J4E5vs6z5eBz4b7xqEjy0P5PZv1\nykbA3MQN9JLhcKmOXN4z+9dDuMZoR6mQ2TJQ0aJSkCxqO86HlWvklYKX5x/6\nOs9sosR6TbSgENL7Ao7fgJ1ikcCRwVYa0Q6lpMmHPCv7DPKTDlrEKOs42RS7\naxOfKFUDQkN/8KbhdMIS3R7yt8UWPW0cvDkkHnXpNGrWQOnchRidBDZQs3Oc\nDBoJ\r\n=kIZc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCv9LW5/Tq85VZvtAxfAMiA6i3YtWRXOVCkrDDWruKbMQIhAPkOkxg2+/HZbQ/tsd1oWd9tQo9xiDyL+UY1U+oSOOKT"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.2-dev.2_1524037938316_0.529722685266828"},"_hasShrinkwrap":false},"0.7.2-dev.3":{"name":"harbor-ui","version":"0.7.2-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.2-dev.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Q/xOF6MqbhThq9TXQ5sOvM03fng8Duv8G+OYyTlafXO6ZX8GOcfDW5hXJZ2O2OTjqgUDASxbTX50E9kizyXzfQ==","shasum":"6c50bed623010c2e84bf5d409f12d710842cc7de","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.2-dev.3.tgz","fileCount":776,"unpackedSize":4527612,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1wRbCRA9TVsSAnZWagAAqh4QAIR6Zc20EFDJXDsDc62R\nFO7u0usMPfp0cuOs2BlmKiRboQoNvRGc19YfJRH3KxXj05/Tdf84FC16om0k\n7gVb7/z2+BrADFK1mOSm+KfWVASV51bfO6D4RHXKX6DV5YCG2BVIrbG39vpw\nw5D41uJLY/kyFRtOwp9NW37/7qXGtaJzPbDCZDpyQKTyqBtkW+BKpJ87ho4P\nzvbfxMrUmt9vT4mbL7OZ98ZCMR7szARDQlXsrsHP2kRTmBBhMAe/6fQed7B/\nt3oPCjG9+4kahmm7+sct15HriNCjmlB1KPmirt7sRdf0p/Bst4z1cMYJ9AVe\n8YtBuKUGGzniJJQDiLrjVnWutTsqVsE78AA2tODqXVf9jTcubHq/2fRj19pK\nrol0hVA4DvnEy6N6loot+8/I0nu6vnEimM5I4qr1X9mYyjE8WXGwR2uJjDqC\nBWpy0O9VoSqg+JrOStRUltuq6O7cKOBj0yZQRAOUXdVFUE2dn+lLoCBaQG7A\nk3g3hjO8n6diBEYEv+0K3EPx2USHS3Y4kOmvB5v+ChzlpiJhpkcoz50yAqCK\n/tOR14xCF1W4VPuNcbZnXz66aC46CeI3pURQpUxk1nGszwXtgMCPTldXvnsS\n/BHc588DGndom/9nwU0bwU6SGnaR3jQVDwil9lHtp0T41tD99os6thjyHzyw\n0CN2\r\n=waqn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEpgqTH8n+V6kpo4RC9W1OGxU/fl/WzvvSCpw1nP/8KRAiEAiXw9Hiy+URDVhsFs/ON0+l2SdxIFR/A7crE/sXau3Zo="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.2-dev.3_1524040794634_0.8528637309692138"},"_hasShrinkwrap":false},"0.7.2-dev.4":{"name":"harbor-ui","version":"0.7.2-dev.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.2-dev.4","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-iTGnsyzJJm8JOAVFQOAdOAafiIk8FgPdiRkKovBEHQxByCdD4DV+A2yBsWa/4cwvXXBD/gcLEn/XqsWARNbc4Q==","shasum":"5e2e5906e0bacab36bef9c56c82dbfbed6d3aa3b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.2-dev.4.tgz","fileCount":776,"unpackedSize":4527743,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1w7WCRA9TVsSAnZWagAA06cQAIRBQ9sM8MghlEcF+kVx\n8kNmyatz52bK52osNZHSWoYaFJW9aCbCliTojgqJev+nNRq/x2qdF3j74BeL\nTFZe1j9Pb4B6dJg33kaOTZPTmV5vLn8HRbM9K+ddMbD/skuqLJ1Uv4wZs9Af\nErfzLYHdpj9yGtaJPsk59/cbNHXKreh4549BmhDaBvkyc5/FXsJ1wBViAsFq\nwfuMYwfpeaQH8vwOr4FPgaRS52tzYjsBW0M7EzVMsoKX2G311nTppZg/BDnV\nmdFJ8ppp1FR0UIA77yM9/hmgZUt9/submEybdB0wyfb5W8ThDQ+nvdFzcLgd\nNDgCgcGfBWDx7gsXHOfrcSOq6zIZLzJTIeM96TFikfWXkDPcWbW7XZqWaMc3\nHpo0EqKuN3jcHihe78FBjGdAU8ZIj3fzbka0+QZAjODghFeBWQzfyUZkMDNl\npAOkfk7fKzf59Au3UTU1aJlZdg4tGeUCdaJuM0dKLdGx6/4KvaDeJ5xI8fCf\n7IYTOIdhfvEFNMe9/6xryujV807VHW4Cf95U/PTt8prHZ/PjEHF5X7u+Ew7D\n5qVTNrg39wJ2pCOX2aWQeTSvYRIVBViRuvBicvOB3xM8XHUEThlvZIMRSn82\nmVNwEBemBWxAHPmE+2wGIVnBeFI5YrnIwYrAeDD3ebIp/UxrkTpCr6wF4MbP\nZmQf\r\n=Yt63\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhxiySxyMk1hhvJytccFN7ONSoNYoKrVOdXsyZyLVktwIhAKEAnpNQgsV6IoORu3iGSujq/FauVLEGCUEAL6aDec5i"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.2-dev.4_1524043477628_0.16698934688705913"},"_hasShrinkwrap":false},"0.7.1-test-1":{"name":"harbor-ui","version":"0.7.1-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.1-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-pSFMCBRdq7AoIzeSYpx+SPHZtrlfz2hUM8A7rqi5oEl+5iAVoZvkcO4FsDNgDd6maXHsk/byEHkAXu8hw1U+Eg==","shasum":"543a9d7535687ed113c6b306e12aa95f7d4aad6d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.1-test-1.tgz","fileCount":776,"unpackedSize":4604694,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1xDXCRA9TVsSAnZWagAATPEP/32ifb6b9cQEpVxjjv1N\nHfUpn12ua2yCG/oP2qcwTz+6CzPhZiQoRR+9xYdqtf0VrWilhooqdQpClVLt\nzw13KDeQiaxYksjie5TrwDSIDZVUt2RKXzkUDmWTUczMu7MR7D3sX0skBYiW\nA8BsIPblYvjVwrj7phHejbOmQd9TlfmmSsS0FzOhETc5xhmsQDCXecuQxDe7\nTGIU9tU4ooR7agxXBc2qOSdyXHuFskv7mtvIBiz/Jkvh+U9m0R9du9xw5hjM\nN5uOwgOITpsanV6mDXihnI98m6909m6hTttMMrPnutBuQxxbeEiQJ2hxoDat\nR1qlUPkXNaKaxkoN2M1sdGk95VupIXCmFg4bhLgaOxVoq5O6pN2LsxSsWa1a\n2PYjiRtsICc565gJREkDEddMqK3HZZb+rn+IwibrVBt+8Zuk9FQ3QTdPpsrY\n9RRSk4ivjUkNAQaA9Dok9bqO2kYqgWMABqfmyoNrUXgco4TxbtshQN8UEDhP\nPOOIndz2BZLIyns0X+IdhNi+dMaNrSdWxm4KmzvjdqOi8ySz6Zk3YzHIkLUf\n2h6nNbTxdpRy4uZUnCGl0LRzOkQoy2/Mx1qUbbzUtX3IP+YLeruUyMMrXO/t\nB0QE4xOk863sZddR+ovInxl9jySCX5zntIV+1C4ZesY+FwC8tagIdkoYk1Zm\nAKSY\r\n=lMAK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICyn7iFnZwltuexM9XJplVi2mASsX5fTGlB3GZjnBAAFAiA29Kv5BjxaoKcNTEvtyx/NO5jOFQc4zVSn/IAHU7O42w=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.1-test-1_1524043991488_0.918344582431539"},"_hasShrinkwrap":false},"0.6.81":{"name":"harbor-ui","version":"0.6.81","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.81","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-raMYdvdnw5CeT5BRQxBzXBfFSPW9cX23+JJZpNZbI8dvD2QR7BaVDEe8P+klmamvua74JQsIt19+b8n3+VnGJw==","shasum":"04c17b6ce243437f2b1dd24807841b9ccef1131e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.81.tgz","fileCount":776,"unpackedSize":4603833,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1xs0CRA9TVsSAnZWagAAiT0QAJBctB7W4k8jLNiNQlJb\n0iIEQe6D/sr2zRJymyrPP1zr/Vk8xshIT4otpmpAe9eCEqM7PI7RM7MlLyQp\n3iYWK0hHAwMcsJOOaff862dbxyVQUlrljlLpBbIabwzMLcYioV/Svi5g+yWC\n6X4PfllVouTgoRD1hyMJ+MvMr7Ne1Km32g0mae4GKAtrOzG3Qs4o9AVjVMcA\nIL6mSHeiUCUb0XMV6eTvMO4eKjfRint/UResDenILOv7KvruIp0fW4n+rWkR\n13j4YxdtWj9D0FGtRUGiWQ/yAVF1ePpRmi7jZbeTo4MddR3nqjNxisuGwFwi\niMlh6os2aI135DMT9zqTXsVw9OeZQv1Y7eYW+YS+FZYV9NRO4/LhU2fnGf8p\nGzkSdxDArTn1QvClNwfPt2AUO1FsfkcM6tC6lJWAAuaELa6Y9LYKnpSjT3d+\nbi6DKeEx5tns8pHCVPokF1Ju6V3zJ5ZiDdBCoXvKI8MZcBG5oF4zNEUoWz3f\n8aKP5qHFYD3IRYPQ1mOHG5Z2y2FwXJCxakg+2chZRe/kS1m5yV1k7Z/kQLxy\n9pR5mS2Tm3Y/pT7wjC4Zeq6C+2bBw/hbjzCLdb/C1IzyE8UkZNzB3YCwhqOW\nOTxwgkSG/QbXMiE4PvUkQDnrbJG8ae5/ipTmUznZIKN7YH6+WtPxI5MPxTdH\nv5/L\r\n=DGcb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDluX8lXvPsY1EHeVUs+atkiMztf7rrOVT6mVupEU1G3AIgbfSl1sBeoImNFtqv+EPr0XHIDpmTiSL6qPfJTzC3qJI="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.81_1524046643828_0.793925939724484"},"_hasShrinkwrap":false},"0.7.2-dev.5":{"name":"harbor-ui","version":"0.7.2-dev.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.2-dev.5","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-uhhvTlDnPZUG1LDmd+J3rc7UQZKOysarWBZ8OrEl0OklVcCmyeERVttQqNE/LLeNnV4ve92icpFSToVNDNtalA==","shasum":"b7f35857027f13886d6622b8406f088281cc573c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.2-dev.5.tgz","fileCount":776,"unpackedSize":4527697,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1yWnCRA9TVsSAnZWagAAD7kP/A1wGOOwVyGKHJ5KMHs2\nqtBT5Ez/aH4Xhu96MWnKYy6HFJscsyucttbYrBndVX5bhXqBjDZUTC6Curl/\nXJFnl2ki4T+pW9nVyii27RcbKVEWx4mRF9I7iBjlHaJ6pKFrYBj7sWsZfH8Y\n77bJYHg6mhIkPLwBcHSUsQTAa0Xn5gXA+4BQ81AGr9rWcKhRCI5a5iBN4Uw6\n6n/7vnRIRayZPB2pU5at3fkZsjTz7tu+J+D8CoW6LREx2HkMsNmmSrLwlU4W\nwzTuhsg1gPOXGFosg5/CpnqTJ0Wx10muX+rd0nVoiIulPrWbXXFtqfQNi5g6\nj5E5CTECUH/cxwEbSN3nhphlHFPEQ1jdFmDpZsqj96TWHqVME+kalXp8WqNv\ndxVzufmolMZdiTN2DebsPv+I7sfEmWsdfWgpQQ32d/TZI7jVN0drkjk0FJ/8\nUBrqo4VSIyzrIjbhn/EMqmV1ZMhsmc84QzOkTWyZ8QB+UiPw16V9aTQwMeRI\nUjzfZhozNp3MW9Z1YIhdrwS0aIDKK15NEMDGEK3cEB1A0KIl+XqpJr3gOyBF\nUh/hns7dQdjmSWaj7+BztweohDO2uVgl9Sn2X6nCP0rWhBy7hfpWSSkjbfs5\nezqEAkcdnZgloXyaCVwGT62LOly2+luXCt50xrFh4Fov6NefkWf/4K/oD1Lk\nH3hY\r\n=Kab7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFi6eBeTftnQhtafKWzLn3G6MmefILQnYUsGvRl+sM1lAiEAjOqh+eG0WuJlCmiAzLcW6N3ybbc+7HRts8FPu2eCOTM="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.2-dev.5_1524049319209_0.9888984886598231"},"_hasShrinkwrap":false},"0.7.2-dev.6":{"name":"harbor-ui","version":"0.7.2-dev.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.2-dev.6","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-VneiJwDQAJLxssIb+Fe+nALl+EPJnY6FUNn5J2ttOMAdRUzFANHG4pCHA5cu5xUo7nAVq2soPBeeAqb5Wr5Ovw==","shasum":"1f2e5fc2e698affb6345c1f462dc4ca4795e4978","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.2-dev.6.tgz","fileCount":776,"unpackedSize":4526947,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1zpLCRA9TVsSAnZWagAA8/UP/jOUvzkiDHRCALam/c+D\nc6M0mRD2fgLzgDez/rCq74g8GZfWOg1Ev93f9tUGyh1SoJ771DKSp5pI8Owm\n5UeS7KjZ7RcJcvBbSSrvQvaDqmHBAWC6OMnL1mCCZLn7ChBySOr8mHWIokH8\nSS3PHete+lGlkP/eCmSy0wryhQC7OB/PkWntMhZ7qocviSAJlAzRErZ7eePV\nJaPL+FUTDCWuLKg9GYGLCxaaLnABNgHpBlW6iB+RvTTBxUmKkD3zvEK+Bkqn\nwPIHam13fHqmYtqeQoPBxI3pvswO2VqAAnm22KDku8ikYQDQ2GTm9RibHjCV\n4jK70+LFkOV+5c1fQMgaCK7qZXSStKPPavkmPEdkXaGtd3bhuoTx0u+5uU7Y\nKYTnGXYzTXz1xrNFyaJYwgHQGfXD6iXlWuL9sXj3N+7eTpqI2II6Uf6ytGbE\nKpRPdBSXjk3z132rOommfVtaX5Ag+j6DXEYD6iLA5229/FSaw751O2/d4q7K\nQiHGnH4DM+7dVpGBOuMrKS+ndjKtmysMamqXlx6w6d+EFYCwtMKCkywRszl2\ndR5Wo8L/YRqt4XsS6nQKDYhF7mb6KnnWst5Ly1Nqe5U3jNowSil9n/D5nY1J\nJvrz96B6JCCLtnaA8g5auH6LeKbA/5v7JXdFuqpASSdVXY2bejIn+nc3eD/0\nhL0A\r\n=o745\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB8dGM5yTaZO0vh1J9s+OsOr2k+BKIeDvaJdwD3+shAJAiEAx0CAweYgBlT4YVyJjbstKXiu6v+y5yJB7ThsPS4RmN4="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.2-dev.6_1524054602911_0.5092831868194396"},"_hasShrinkwrap":false},"0.7.2-dev.7":{"name":"harbor-ui","version":"0.7.2-dev.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.2-dev.7","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-PaRmZG+h9JfdGtPYlgZVUAF1jl/MpcGx+fa+8P8fRe/a36r+TXU4sJXmhbP5Ml0BYO7BKoZ+QXGsnRGUr1AMwg==","shasum":"b1f9b471716eda3af9bc741a34c0ddb8f656e9de","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.2-dev.7.tgz","fileCount":776,"unpackedSize":4527243,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1z0ZCRA9TVsSAnZWagAAWbQP/1Y3+YmOiHNlJSLIbTc5\nrgb/tcHPtbm85ovmEIznf6B9nOy2U4rh+ooXW7kLIlO2ZNDtWJsHNPruNHaS\nFAObYHZ7Xm+oUh+Zuj6OA+aBqfQwh1CFNJyEd/Gj0PPk/Fssl8hu4F3IQ85s\nbVJFzfiAQiWRXqItF2bM5uTPsn49qJbAMH/HmzU0vNRN43z7J+o1awt9SuTS\n6YedeNI8OLHe2/KpYq9tBmVwtGtveKONjYPXEQFjWSCBNGJsnOtkxMCDIxRF\n0N768JtCo7ns1X5DGF2+2waRnyx3ypOYlgOC8oB/nEzOJvr5gkUbL0aDA7K9\nQwS3KKiUqkeBw4OpJACk4GefC2R7QGazsDmKathdzf7v42D5Uk2MNzRxz7A6\nv77z80yaYlCcp8JRQGvHUCyP2u9OYhD5x/g8WdqAHmcfNmL0464ncPnIoXVJ\nlS7yxk8MFevJx5TfejovN9+s2LEknwd1sGDo5x5YCuRNBr0DTZhIeFTfkWqs\nd/HkP7ZSMql/jtBwxA/Dhbdd47P+4p/z7LY0XkHXbJ7GYIrDgSaZw3FkfdcO\ncjH3RiUdpMjHZlVDantOBzGIoD+XtSNFfhwkjeLAmP6UtYdcttOApfERUDNy\npw4m3tXp+3uY7TwoTG6ye9QBnHIHLzhbRE4arjNEJ/pzvUS2Wa3rCdvDaYhp\n9kXG\r\n=cwtO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWna9q4Fr5OvBbJX/HKioiyJmlLnF2bLF6gyQ8P38swwIhANFXwsMa9Nyqqj4/8c3vgXqO2cZhtu1N6Hz6zrP6DumD"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.2-dev.7_1524055321031_0.4894995057070124"},"_hasShrinkwrap":false},"0.7.2-dev.8":{"name":"harbor-ui","version":"0.7.2-dev.8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.2-dev.8","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-AefCrW4xN3xgkapV2BFtse8sjEi3IL0BchtQRzPFYWh82OT4YLP4oGZSLTJANVEXwu7YbnEXbu3DSZqbPb1lHg==","shasum":"2e1012c46a44dd7dfe2fa018d92a8ebddd6c11a6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.2-dev.8.tgz","fileCount":776,"unpackedSize":4527062,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa10JyCRA9TVsSAnZWagAAki0P/1STZsuSdFP7hs50s1xk\nT76VwmgABFrpl6QEHRMfJEvTGp0XHf5CQ7cIXh2+BTohtbaeDC0uSIDQiTfg\nblk3BKa7Nb/jnFssVKihQYDvNR8B03cluIlljjFXdIlvuaH5hLmAX0lOgEsv\nMYIVOtIu/XJKnC+xiXWTeWB4wYV+Tby2E4FYosCi7owU0/Vb9a6eOTZ3LYhT\n2KesoXRJZid9a8vXympc9Fy3kciZSAA/jwVmFQQtg+zHfhJQzERDFhCnnHn3\nevnK9m61zZvACI/X2vRlz6zHi4ESzz0vEv7md8Xwz6mnKkLflnyyZNOTu88k\nIxnFkjVcuMiXwtyo0VKWxpUJNZiYC7gMK6ZJNU3nn87CK8ZZs1uWJkuT22cb\nt29nuh6s9WFT9uV7MXcb3xfgHKzCMQkCqq5p1TLiwV7jiUvjC1i3NJ8baK5m\n3Nbeyz/NB25W2fmcm9NvGpypBaw5RpR5hW8+oMWdzHjHJz/aA1nKzJhRfYsD\nuYnx4BLECsCCGCPG+bXuEVIWsCfan8IpAL8V3r01JrkYNA8f4xBTbQIE4/wY\nY106h2hB/O86//PA1nVceSghuouwjv9I1xa8NL27Ip3NkFU8PTwIX/u+DBTS\nQQtD82siybDgXbhQl75cyu3Jef7qqTyI1RxYdcXKQhHoygzyIhLHEVMe53MP\nTD/c\r\n=5AXU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD9Elz5xleXaNHoZhQGdELH6aFDIs/NYE9x4vY/ahNM+AIgQOa0SvpGCuS+1pdLIsZDuya8lvw7+bcL9/oBxATXU5g="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.2-dev.8_1524056690326_0.0505489303953528"},"_hasShrinkwrap":false},"0.7.2":{"name":"harbor-ui","version":"0.7.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-GCeHP8L3zcblZpP0Dj2KWxDFmpr9/0k/dwL0PQy/y2qyCVA8ZrtttS8krXpLV5CQnVQLBqN6Ek4GnG2b3xpXFQ==","shasum":"4dda802a49db5ef05132e7157d6e3af554fc7728","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.2.tgz","fileCount":776,"unpackedSize":4526602,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa10SgCRA9TVsSAnZWagAA2jEQAKUqgg0AdzDr327GxP60\nMgImXRgeW2mF0I90pb85d2FuYDXStnx92F5wHjL+cKcG3GYOpNiwWWaTKZuW\nGzRiCwWfMN2OqVqMba4bFkMrg+8OhuxFhKBmxER++Lof2qfEHnygRDEkzGt7\n4J+wawPN/cdlF9Lkkj081oAU8H2Ro2/xiOwxECRgHD0YXk4VPxDBAKd+jLq7\nL62AuoMHmThsubrOrdObh4kts6xPSr+wEcp0989y3zsJP0jtxvRJnPq4Xb/+\n2xr3HcC7XdlArT26i8m1d8lPsCL08pqDuq9Yj7DIi6l6OdiRBVRROOFeZJoZ\nBvsm2/bhq9AbcJuWNwL3Vc43QP7sFOkVI3zSUeOj+GKWoP22bilVBw8wKknX\nu1rZVTI/o7RGqo6xMQtRo22CWgyyhfp/nKwW/lx06R12zAKk4A1HWIXpQDd4\nV+mAZoQDvR0wGUCz/ad0tDAiEpC8pT6uT0XBzgoV5t8jCLsZn0wOfX8aYUAV\nMEqpXQdl1dQGQdnNFnFLgLSCLF7t2M5wbNgytRbod2WwKOzfkV72muhxga9H\nVzH7xJGq/2attC1v41AM4hdFScNg0tW+NWGAukStypO/H/8CWCnLTgy9kMyo\nFYrxEkxw9lSvLGYCBNvVPwzoWbq2B3S8rsH8zUQ26BUckNdb/ojt6mWed9i/\nxtgG\r\n=4e5A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEfs8lZxI1k8U8BWEOfND9T28wBFp3WkcEW+khE36/rHAiEA/thZngEcsXGsQZ3VCiH7IFLtNi4wLB4rc/BAsPZAfvY="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.2_1524057247797_0.2825495401422622"},"_hasShrinkwrap":false},"0.6.82":{"name":"harbor-ui","version":"0.6.82","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.82","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-otx8HdP/r9LfStjmngH+rNkhtbk0ZbJtHk/Q3Yft5eo/LYA1we4BuMPp1kkAiE33UPVFRxH5EJztpyDyVc7fHw==","shasum":"d94b7a58501e78900728644e04df4ae02165fabb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.82.tgz","fileCount":776,"unpackedSize":4526639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa10gHCRA9TVsSAnZWagAAMFQP/3g3xUrJezJcakBzr/+v\nKH7SNPkwhWYt26axFPIahJY2njGIwPPV2Qj/wE2psmARmfOlOjTM1FhJcBLd\nC7VXi52ayY7o2GpwLXqcaBN2DkNSww6bi05mSzuXI72ox/70MYrVwTpXADsg\nlrdJT8mR8JNs16k/4txIQnyzzcUAzCscFjGtonWlfzKR29DBfWsZIYKipJRV\n691M0AqiAI45l/hpQrusdo1gRVeiIXqbfOEkCwiwE+rVmTXnQ6vwkzGxB/Tp\nYMUOWNAsUJb9CNn8Q7oLE1V3xml0I1t62EIsZxgFjUbMAvD2naZguFBEUHW7\nkipjuC4090iXJbHVChJSKUGViaF9YKgKx+Sl+NETT7ZCSP4rKYwrEQdrVUjn\nf4xbSYyU7yIWRsWRXVbHp0XBoPUisjX8lXzCq2yG4kN6FMqpG9WpLoAelPhV\nwDplEII1thQpYM/XPvidij5aEK+g2a7uyjae0q9Aic4lJ6kIYynFUiQ/4sec\n3Btfe2tc8Iqb3627L+MOVNjSFcr82uL92Bw6XwDL5KE4kd6jimsRv2xHbmju\n4Svb9gPhAO/x4j1l6DOvqezrEagGtrxRJBO6x9il5RkcWmIl7Vze7yjtCj7f\nOEi7XnakJhutBivDFeLxrbOhjxFbXrwod3y6Vs8+qxPvLHIzmyL8QnJXWlIT\nrMFT\r\n=z5yN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUrzcqCqDStpGkDAnMOff3iSkgh5S2g04czDU77jwApAIhAN3w9ev/wFPB821t2bth7kDTAHmZMoLsXSdorlwa7EKb"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.82_1524058118710_0.9935313622292574"},"_hasShrinkwrap":false},"0.7.1-test-2":{"name":"harbor-ui","version":"0.7.1-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.1-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-fCNAv0QD2oRUIHdvFsZGxebNUMVg+voWcJvoRy4bBjSb8i1YX+IpVan1vCgTByMt62OEt4gRLlH9gIx32rMJ7w==","shasum":"31fe2fc0999be69554eaa57037b0ab0db3c8a36d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.1-test-2.tgz","fileCount":776,"unpackedSize":4603839,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1/JwCRA9TVsSAnZWagAAD2kQAIF7RVT88DCBtlqcmXWc\nCEip/STb8Q/uY0bRsvwZBIXQTN4HRu0H0BqCB4ZKl1fziv/nSWAxpn5HwMrc\nb66TVlMkixC9oEDP6Qy0nMKBcOomkqhhPn0Ak1CRAf623cTUAf10oc8ygAUm\nEkOV0nMMKJKmDdkNiubi/7V6RBX46ZFOYhGlVwKjvG0PiYlqUzVn2Il9cWZW\nnGf1hPnOT1jXmdp7PZuUNKE8uh5tCv4DTdbGxcGIJHcOfksyu3vYemFiPxcs\nHAUwjL04ELdN234/lecaZd0nwHn7kAqA35JALUievlloeSDD5DuisxWnLBLa\nX6W8x8TXB/qyIdPiCIyAwIxTr42y2hNyk9YA+PJ0l/YS29sN3zsYNNzi4C4k\ncxvgLPjgod+lHlAeU+KGGnVc2MUAEoWRIvgS5IKBxCNchFJgGagxfnJRvKs6\nIdx4nw84Uscu59Yzm6vNB+ShDHnoDK5FeCyKWJNP3g0JGko9FUbXt5D/sH7/\n0VoMUy7of9jbScEJLwrqNqeLApquhbFjLTOWk7Zpb2HKGKnqDDvM0WmrIvbG\nWOI//wCEYYSUHwb2IhqeEtoX3Y+YKQ0rzqvqMBzl2bDDkEl8nLinxGgRcUZg\nK+5JdjAr9I11zr2lk/ARccWCHLmJM4Ejw/guYy+jHTjjrG9rbYed/cbGpMIJ\nICGw\r\n=O2Bh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDsO7osE/kj4oWLN2r4iMQY0Il6xIKPC1I0ZoPpD6qA/AiBhDEg3WkRwLkGchwH4RGqqyPt5NR2M7XupvQT5XxPoIw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.1-test-2_1524101744127_0.8741823553425305"},"_hasShrinkwrap":false},"0.6.83":{"name":"harbor-ui","version":"0.6.83","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.83","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-3Kdnp0JuHgyUneim6KVRFCOmtAz0dbjXMunogw/mWtjX7bvBV61Fi+AzOyLKlkQam8yDcKc83tzDUgKsPFmvZw==","shasum":"b3c85a560e88774a6648cd22038d721b8890d709","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.83.tgz","fileCount":776,"unpackedSize":4597101,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2BaaCRA9TVsSAnZWagAAt/EP/3PKgtWlgAFXjdul3Lz8\n+6impfobil7NUkRmlnDNs9a7HeI+U3CB+D3tn56m3EzANfC+l0PfeJ5O0hFv\n2VCQh4zLUgQdBeYvVWes0xeacq20ohLphk2m+SBgYlzoWfX7avI1fVeykjQb\nNToedWwI4qrkO4AvczzaDt0N3zNaK3QHLYJ4EYKT/uXxTD7ZbzaCna7Zlk+s\n6VgdixfRLmi06t430HFsdpVRTepz0X6RVM1IJfLfUt0yw3ekzcB+wO4E0gA0\nwmYLemGyNsWeJN2AJh8YsQouWheQTCLvW2IZWm/6bEe4Rv6qMjHEHUT48Cnw\nj2vYogCdE1VPyqB44DIDrQN2yoCJ1QzHiu1r/ibqH0RPZb5XH9oql2Rqb54I\nu3sGYKMar6jkEXpvK6SboJvmqYas7ifjO9gL1DmJCRkO/ZLET9uRNY7jmEWC\nzlzx1vWnUMeRvQDO1fQ2TS81oLWkk5gSks4Z9MiPHMT9SqIGZFYtTPcT7aMO\nx1Ob/by2OZCVwMqA1KUXgSOaZzTPK+FNdjT3B4JfqetrKACMmup6JTtHTtl1\n2RGlVAts0/YxFekZJFxqBPfGIIDOgZ+0JSU3cexzUsdu4hU/BnEBa4zeNoMj\nraZyThqhnfEPv2XSQPc4FKPnxjoSg+3V6sb8hs5VK25GED8j+srwuZyl3mGk\nfYyT\r\n=3SNS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIALPr3O1VttSs0UVV2YW9HiSqj4sQ8BD++8ZtWosnG9aAiB6G0HJzoaSkQ56lKPvjol5bCxzBexjOF8tErGL1/iCxA=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.83_1524111002492_0.2496330111822349"},"_hasShrinkwrap":false},"0.7.3":{"name":"harbor-ui","version":"0.7.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.3","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-DUSvyobQk5va1Gukp1wqQjKWRoBvSWjUOzOhl4P0ba4KVBLnesEdYTHLG7lIi6a15dKm3Z2bJ7ks3qo5OMw6eQ==","shasum":"a85f4995d16edf25e90537c65800cf2ac2d8b4e1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.3.tgz","fileCount":776,"unpackedSize":4596679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2EiHCRA9TVsSAnZWagAAyZ0P/0Q0E+doVZ0Vn0b7idyo\netWY57kkJRj+CvcvvXRv/p6kelWjTggjBzGj2dqvy1Vl6ZIKIvqm3w565HML\nPaPgdgIJen0JMlZT2BfsKmFb4PR+pUqAn2zBcnSlCtDvH7bv46Potxhi3RXX\nCk9OBm37/uNbAlTkgWbYhNWEh9WTvnSDbHK3KVAHXecR2ILP0aqiB5WwAU2s\nQ5XsUf6fJpBir2Ymh78slKBxhXR7Tq2ghJEV1EW+hpQSjRqRJuTb9Q6NV4If\nV9Wl/MoRM6/Sp66nt3hhMRZUHYt2NEt9TI2OV55VpW/Gw1v2TxY9WJLJXD44\nYkGFacsXL30nz5y+SYjfKhiRVFg2ybJ8jqjdfPnwkrEc1yPbd+ygSk3WU3xp\n1wl8cpZD/w1V44IyLFlJ5DUEEmTDV0ZydlheBhG2FLbJ4TP6YnKTZOHisxdE\nqbCVZ92Z7Op2E03oJaAixKvXXmk76vzjQD5y1FZtgvpaV4y4rjATPJBrgN4b\namIxWmSBWlU1romcJkfK+CuKD+SlwbHaBD6qNT3j0zf0nRKtmySAa4CeQYu1\n3QmeEQmFJPURrMdBXq8AAFcsBErff0fYTm9M/aG8b+NFRvzKvyZSU6BrxAHB\nQdqsBz9GWp2aFAy/eOq24mEm2ObW6ymXACTf88hjC140k6Q9w6Opn8FCMiMW\nXijt\r\n=tWRz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH3uhYUH73yI7Mgbow8g9yEybV/QFqI1HDLvngKKbzZ+AiEA/e6PQJ48uePxmHODhU8+s5bte7qVxjahSW6A/1Y76M0="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.3_1524123782464_0.6232904395913745"},"_hasShrinkwrap":false},"0.6.84":{"name":"harbor-ui","version":"0.6.84","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.84","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-b8DS4LZoIUpGGkeoHCLX0WDbtNr31BfLczGBKuHyn1DROZ/0HJnG1sPj/+aa2pxy763e/1ZmktkEN2s9KNY9lA==","shasum":"3e845eb0128c552f86b22db92bbef9d0ca44c8ac","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.84.tgz","fileCount":776,"unpackedSize":4596716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2E+pCRA9TVsSAnZWagAANK8QAIItXTXp5TY+4iRMhtzi\nUEeoIEklvy9pgsYQ0W+mJYcybxJ/PKcRj+uEIiyMD1h8ip4+QygEFj7HagWS\nRcuWIzneJkrw5RyVT/JXFNyECQ2mTA1nZaQpi69sB0qyhyB75R6lDTzkD5Rn\nIPVXZUrMn3M2ewgSj0HHbtqUkeM0qEU3C9K53tbT2hragJqxvj05+XbXEd1w\nEiZc0YShWM39g6jpCaih/VT0aUzaRKYBy6kuMPXQRha140WK1DiCD9nuIYik\n7NY7R6hwsmDFQNceSOIUtlwoKuIYIG2M3Q5rxGeD20GBVmX2ULul39HKdqVW\n5UmEP7DCJrIlt4TOdZHM5ip2YpYbVmu1oweFLBTPEBjYl7RM8NGbE27o+c18\nw8k2KFbNPavWuZj6kzHiqsiZ1ISP6zPQjeeBo09N93DyI+x92kUREpvnP9Ow\n6DYhTXy/Mu/lTOfBzwAZTifVxsM7uCncMtso2YF4Yuv455YvdoakV6YY4at2\n1ZT3Pxn8XD8zgs9+Fvai4k8UYQ3WIZliWjY32Uzcv9qWMxqgJxVz28HuCnmA\nGe+L6GHGlxcTrV58pFDIvPgmcDQHYBJBbAWXh7OxWy0fZjzoSOLfgmb1gApz\nhTXWc49aPBCM6OPwg97O/Bc3yRXXuJDPsgDiW9AD6r3GbAq6bhUNtq/B2KAK\nz0Ln\r\n=NIZ3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA1p4wVcwYpjKHcrR2WujWEWyHaAb1zJ+neoS1ED6Oq3AiAyQoV22rm0ndmRmnSL5tgqahcbI3ByePJ47uNaz3P+Nw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.84_1524125609093_0.5676622250410854"},"_hasShrinkwrap":false},"0.6.85-dev.1":{"name":"harbor-ui","version":"0.6.85-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.85-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-2No2lkz51SyTBj2gS6yvqFEs1VpDpHvoQLFktG8yJDf95LWBTICs9TK5yKAuPZhzA9WYgPAdft8YIbS31B1G8A==","shasum":"1120991338e407774b18234c205c02503ed5b512","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.85-dev.1.tgz","fileCount":776,"unpackedSize":4526645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2ZYvCRA9TVsSAnZWagAAyDUP/R0FS8c9W9Hw4B2Nstcc\npXZ1v+vnMHIzAq1uEWNk+frR44hQ4rGI3+iT8xtuKha6FxnCjKejejJzEiUd\n2jMhEMMr5gWwtAvKXK6gPVnFYe7G4RyERTd+5Mu6laO710ye8PVcjSNLQjX1\n9WgJ/r0E+XD16BRZVcAImY5il30ihAwKQ//ePB/AAXKtuxIWJewjp1RiPPeU\nqTgzDYMXSxspzPTaGERKz+yKCftZs6gX+Hdtc1NptOzgY+q67wX2XHiUEsWH\nbMyenmJo6GyhajxlMmRSyBOV1/APjxFgRs98yYgV+klEWq/uuGC5eYmJ8Ux0\nDiHZ4189TJ43AOWYGFPUQkr7zRAL185unuOKKVTLLCLNo5mU0+q91Qza5ILH\nTgKwLCRljR6QOLBME4eGJAwyE1+6LOve+Hr/z7cZdoQi3bTMZtwV2nRjNi26\nXGuqJNjexFg4HAtvWr3WNNJHVNIxFVAwJ5CJ7dn2ZWChvu5qJjcuu0F17zJB\n+rbnTK9gnjKMyDOtuHJvMDUBSiYoRKudkq6NVscuNAorLs5hLvslfPOOEW2t\nEUhvobMEPfrRnPiMze+qq0m1EsTN2scsJhSpIQAlgqpM19yXh4Xx0qms+n8V\n673IVD9U0khRmf/ycQKr2wYv7o9uBR2e+FquBvVKFPVL1IjAHtM43oiy2ZFP\nhD2j\r\n=jFXq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCx6B+4G2jlr0AYOwdxeCgsbJtj++eovJYFvuh4K33rmAIhALk0Uhta/irsTOTHSLvs9aliS2F/SSndkOOzZQdPBthk"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.85-dev.1_1524209198587_0.18411610638972387"},"_hasShrinkwrap":false},"0.6.85-dev.2":{"name":"harbor-ui","version":"0.6.85-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.85-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-C+Um6gliDm9aDVMRdy37BBatZC9N1wcCNhDDHdYOOVI5f65xUjFROsvkW3l8pEzWMVvjEtdZ0hCNq0JSaXMI3g==","shasum":"eaf511420143ae4a548bc92d8a3cedc50b6ea33a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.85-dev.2.tgz","fileCount":776,"unpackedSize":4522251,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2Z3cCRA9TVsSAnZWagAA71MQAJoEGcK/Px27QyT0hHHu\nGgtqJxzzEZf+40ohZXFnSHPxDduJ0sQ7o8s2JqsbYyqLSv3f4yeuwItlSFyD\npaVVlnucy4Q7VZ6hySUxT72tWFm3EF4BBv9FBMrUraXUUEJJGtwVr6VhYxvm\n2JeyoYQjf1aSyGNHvz5Q6QYS0FWKV0Da/tUX87/IX4+PgaB/eXU9O2QzZylN\ntgMggJXkIvuxK5o+x5HNLM1ysvrYmVsGx7Ybn1USvvsRGoJsUUGEAvKEDWlP\nhunFcNwLCpcqqyMrWB83zCPrLg83YB+rhyuWLY8UvQ8/2bKxrYHp6PX0MtAM\n47eCcJtOInDQ4zcrMnoubVotTLq1qFAS9TZC0qrSrG5JZ4XPTbQEuCRZIz/Q\nTrdj8wwNcDyKvVE8xXoPoXeOnkDoozu2s4pfM0iYD9kI60H052i6njRl9ExH\nQyg61S0beiFyM0SIFtx5DjnBEaF+gU080hGEWXaxnvNW+D6Etxuq3aTPe3ub\nC3F/qmsNlbGO1FDmpV/gtF1071TnGhoX0mVCGiafSGsYh+e86KwVWeq4rawl\nquUZ5Pexunv0a+/nUFDCCLVtQovQrUlWEcCtRVy+yiD5m59obdKQHKNjZmST\n3dCrC4zqE0nMpoBln2EyAVi4h7mbojz5FviBTP24agVIZ3QaHfvHmuqpDQwW\nCTM2\r\n=upfI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4XYRKkD52JqfGPaCkQECXqRGgZlleO6Zw34MShzGMWAIhALVCy1BFIiXcLj55Ka22JhFhoQ18I1NIsBWGlZrRTU3P"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.85-dev.2_1524211164066_0.302721051584242"},"_hasShrinkwrap":false},"0.6.85-dev.4":{"name":"harbor-ui","version":"0.6.85-dev.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.85-dev.4","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-+VlfptiYvdToy7ELrd3nL16f58u55uY6wYqmn0Hq6H+aim+IcUtb4HSleTDf7Rqj/a2deWUKEGF4DJ9kJpALEw==","shasum":"c8df9b0f71f4c7c8cb5b3167c4523f49c78ea133","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.85-dev.4.tgz","fileCount":776,"unpackedSize":4522498,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2adnCRA9TVsSAnZWagAAlrYP/itKsofmSDQE2pbl17Zh\nKl3omZtzlcvDglfJnjyZpkmYfs7vlf/yZcqg/mGfafbbXGKI/QOs4tMpVkVO\n1Y8OTCyqHaTAJMHsy5BnjRbXcePYcdejDtnavQm3M5qQtmcgO/kuK1Vita2b\nBaDZP26ioiC2cVkTStuHWee63/WYhth/LUhqxH9nLkeORFtSr/rKm6prJk11\nfHfTPGY5eh41DJh6G7l7HAHFikOj4Obhq6gq6SCtzcB3NSxw9lKFRow5GcOA\n2MTsNWy5YQrRGhWnMhIQbuX2vm525Bhr5HC9TL/aD47sZyb4Y6obVuw+x4BA\nEV8tNCn66VC9Hho6NtbDVgfgB09Si5XfxcVDg9lA82mRb2TDISokBuHH3StU\ncP7hJ04oyqrvsqUWf9tN91OMCkAMGkkR8CkVJGwThxAb0ToKXNHO6K5R+Yb4\npKl6RIclX5y+5il8qVWo8R4l+qDkCxgyUc1TAacChHI+tohD/DtzFJiB8MKb\nZKO9oT2yaNIM8rGnwllGrMsU9J0HswOMTFSNIGTLA5TNnkw4EsQ8l6KD3pCi\nQjjsc9MrASGL77fuaMSjEJMHds93CBAd5ex5L46N6NQ6h3hm2TpND+qlMvxt\nyWDtxh0SLPKU70J/nqdGt0tJVs5TIWBrFthXiy2lkVyN2JNSdUhtqdF7Yrrw\nwi15\r\n=P15G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgaC4hG9D1eUEXsoB1+z67fiLS9TDDgM1k94NjQf7tWAIgA92G45+GWOVK8yuwZv7YqP9/yqn2lFsCdSevt4FvAWY="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.85-dev.4_1524213607320_0.5953400436062579"},"_hasShrinkwrap":false},"0.6.85-dev.5":{"name":"harbor-ui","version":"0.6.85-dev.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.85-dev.5","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ooUP8qthwIIy70rRqTitkIggkS1i5FgrdHqnKVzplKNhVYMO65B2W6EtqeTKBdJK2RewDllbb+RiaSkE9mq8yw==","shasum":"f0112fc515cf28bb7bb259481cd355d995dd5dc0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.85-dev.5.tgz","fileCount":776,"unpackedSize":4522498,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2ahACRA9TVsSAnZWagAA0XcP/34O221VAeW67oOzW667\nofNMqZQc7X7FeodMGaq4cXElsnLfqPi8uM0NzlPtVNAY2JybDm6hqOUUlxAZ\nYC7WhRpX+0Yydl0gZ8bXOcA8EcEoLnC0peCde7kZTqfDXDAFE4hqCVNJBL4j\n6c+WhsNqwHt9RsKJJ/zzVIdZxAwc1AM/q22/TmHT2K+TcNeBrod9EnD9Q9U+\n6VT70KNbFkN9S37pZNO+vWHYCOVaJM8eEDiKJAnvUz2tQ3n1YA2PbuovNvvV\nmPx0Ts7q4Dwit7Rwr0Deko2OgjlrtvA5WZ4TnosmJ5hPwwkVPyC1phUCEDw0\nDgo25UyUoapUz/53Q/QEwP5S/7OG7jkrS6dPTMyNjm699NWXzqvVRib+xXtu\nXtv6FuVPEymaiGJsCZA+r7Os1IcjqfYhhnwqT2e+np6EwQkrYcjZMgaG6njB\n/MHj8wSBx3XLm3c8t/k7pBTWs+xbimTdaLDy49eJo2gqHyNoJ+8cJmko8DA0\n7x/CBtv5HYrCJk5zrNmRS48l4piMPKDPn+BoK8r3FO1rDQ1uFrJKmFI1GsfI\nYxiyDCcvIy0TpXndwEVTESvzDNZBvLoOrtHGVigMeWkWLZtC5dMD3Fi6lkU7\nDv3naEyO1dC1DUz5PGLYtOCaxDNprhFZpNAGt6KaI8kww4eZS+/DwqANuZiY\n9zwx\r\n=yeYt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFyeUUpjULa+c1vCjS4rgOrNi9Khp4zRCvmMFbeiFruDAiBJG26Oe0i6QLoZLCXwMBgqY0xGRMfnjAw5NKnCjuTgcg=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.85-dev.5_1524213823651_0.6295829492725498"},"_hasShrinkwrap":false},"0.6.85-dev.6":{"name":"harbor-ui","version":"0.6.85-dev.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.85-dev.6","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-V52HEO5EBzPu6ZJVdFp/+q3GDxjFXOd7JlL3prOKDVfZ9c69fbz7y6YSn/pNSiJNgWenRIy5/zv3BuUm4z3lxw==","shasum":"925084fa132fbccfa52c057b85989b94cc4bfda2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.85-dev.6.tgz","fileCount":776,"unpackedSize":4522937,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2a9NCRA9TVsSAnZWagAALpsP/0olH0k5ZDFRU8UIGPib\nqHhju8tENnPyn7BVI/m4oGFbYnN32HqgSX+nef6sFgOdjvZ9fsY+zrwXCOjA\n1coBIw4i2UsrRAlWERYCwRuzM+vN9sD11qzQYXorpbA1TOh90mPKVLoMnlEv\nPpuyt0lTKbR4C65nnCCAK+wjHOCXyxgl5uoT4x10Kjd/8R0afAjibyu+LoK5\nDenWkP08uNcnQ4tajU8bQ9kXGc9CFTqbfWHsXHWG5W08/wP0XDNEMmD6eXfX\ns1IuZMkyaTtfALIsB6wD2+DslFCWrQkv6WmWjGL3KPbxH2rGoGnOhHepKAXp\n9oe6nYLQteEraFWdB5HRnlCkr7OvqP+/bOrRR4uQni1bfgnnOzuY92fWhqeZ\nExbBFJyfkIIMjRg5szhSOIplrnbmBXNM5Yor3MXirV78s+06w6SjU+OWvrE2\noSqsq48/+Qgz8b18fo+XDIX1e/CJOrMlcDdxxnZLVX4U1YSRbETlrR/RO1Xx\n/rTMekvboyROkmkFvoXz670msTxxOyHsN7UTFenNtZoL0nXnWOK/gQNzQg/j\nX1w/RTjVDJAd6QlkKa4jmU3NKxg0zkOnxJ9j7H9NoRGWHUPzvlmpbCReZj46\nlJFGvx1oheka9w6/BXHGfig3VSYmgfy/ZNCUXWUS4dy9ncAMCDoONPdgt0ZJ\ngTeS\r\n=GzSf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDD31Tgtp65RlAeUTyFjemcx2vUjAsLGRxyQcWuGpD2WQIgKnyqhtIuwWTL74tDbddheW+4tpXO8xvJwjmbZQEtxo4="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.85-dev.6_1524215628570_0.5351490677618294"},"_hasShrinkwrap":false},"0.7.2-test-1":{"name":"harbor-ui","version":"0.7.2-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.2-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-dv9w3EH0GAgpWOh2brgQ9urgziEw+b9i1MTcVmA2WcauTRhBiCT0Q73PCkr1YucSstRJdzzSUieN8wBpBJGjKQ==","shasum":"fb501c597164b07541a9ee2c8024b7782312e499","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.2-test-1.tgz","fileCount":776,"unpackedSize":4595508,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2bPfCRA9TVsSAnZWagAA8TQQAJbFQdbPRFpSbqb6+rGa\nCXm36eOewPEDN4gjzbH3G9ez1IM1iOi7GJjttrPOTilx/0vTO33+EdPLbDW4\nv8980wmrpetevhlXf9TlZINqW0SaULEw8vC0Yf0pbCQdHNF7+2FAzBKhGBsI\n6mkcJFIBTpwp2uBLvUFcoJfJvLsHo/RF/fYkWoXf3N97MuWaY86ZSlTCuYl1\nn6QhEWh+HyYOtwXH5sOLgAifPUQ3PQAgfWkJ21y7/SA6NdiWk0u5WiqW1SQg\n0AhGT59pekftp2NxLAi2kiQl5W96dV3KW2ZQMMtDgHxNb1WLCdrT/txOvbho\n1gkFASQtY5WeXcpSnqv8ha/yMTjUdLy4/LEBCQ5PrKcxnP7FYPAI5rAkwhmS\nap93TGoGx0AnZxVs9c/X2l7p5s77OS0rTHHwIzJNXx0yD7MP8az4rlTeDrLR\nW3Ehew5C0I/N5v11hldT7K73mahvi4DXK8XrFMLy/40beVVeKGujzfC+FnJD\nEijesNdK3eb7VAv44+FOQN4ZKKRyeXVDyWOCl5pwvM7FRwAaFwgXXeOIWFvA\nKuO1ebBbt6zVwQrHlraacEp7Tp/yIMb76Wv4falCPE/guCl/KXkklBT1kcIl\nhsD/cDeW+c44wxiCeR4YqySrul3l6P3vg9/4+mWcPZVePEvWzuSnQUc+1ROO\neQ+O\r\n=ynLY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBUYROG6b5C0Ff3gGpLLbWq37dpLonkjk4uwNUO+NQ+5AiEAwg/16yUL2ajLpq4Cp+f6fpfnhxjA4Ez+LanUuu5ZaIE="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.2-test-1_1524216799427_0.4734284986811439"},"_hasShrinkwrap":false},"0.6.85-dev.7":{"name":"harbor-ui","version":"0.6.85-dev.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.85-dev.7","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-CHQVtVkktHAuEid4FWdmp1ysDSQvc0BbPdAlXz+3K2cp7w28eNQIz/7S49HD2LsJo/TTLvUJefMcIa7ocUmjHw==","shasum":"a5017c4474300261edbfee020a1c3ebe62ddfee3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.85-dev.7.tgz","fileCount":776,"unpackedSize":4522450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2brICRA9TVsSAnZWagAA1IQP+QDKF4wk0p8UwMiyqDzS\nkY093+6qxUcdkidm6jqrb8wl9RgynJH9nQ+MnDa3OofLw1vW67UUmgNWcHuI\nIMFYEWg50GIhjX1Nz9nBtDswPunJ5W2wFTjAlWzO/UzuA5o6LpkRj8XRapKl\nLuDQ5J+lbnSSOhwiv8cN7dE0h4u7AUeAfJAlCKxLzKa3N8Awe+dpLCFz7U7H\nhOd56LddaP4guOxkr1MUEGEia2BHBjtmlylNNBvnw7xZm6U1okHAxYN+Q4Kw\nCiv7qoenvwU/RgMkv+Ha2sdseaeYWi9Ytf2KqCcK31Q+ui3Zl0iPpAv4EWoK\nT9iVvfBs+nuUe+y38r3jGUUcLV7oEFfad322Yl43w4de8LE7xyx/iP2+4TH2\nrcIOTKBmTA3HemcNmH0lX+AMW5/i2L1nv6xVNIkw6LP8KOUV1JUK04wxJ/Me\nCQn2EcuX28A/5td6u3GA3V23T1p1sgkXOHIEPKCtl8xM5Fq7yyvmuhpFw0xN\nrmqNwA5cXJezgtcPlxvkCieWQsYSF7wqDOVhYiZEviLxXVsgsfXHR5NRcFZH\n2e9iNV+f5O1OJCX4TLkn/ibgeXE+WzeGTpbi17N50nQALYM+x/+uZ2G5lbp7\ndNAbRMvVaAx/RzYwR9AxuWV9DQRkDuNI7YQOq8MUWeEykUAkAtyUo1PyGjTw\niq7j\r\n=bxWz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdrMCjtsGId37Qv8esPoOUqH2Utgup3Nlm4sHLTBc+UwIgaOxblwQMR1+6cclOa0ziGeRu0TvWRRTWdNbxJxRiW54="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.85-dev.7_1524218567770_0.7147148457348997"},"_hasShrinkwrap":false},"0.6.85-dev.8":{"name":"harbor-ui","version":"0.6.85-dev.8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.85-dev.8","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-PtNJiuWEfmPcrnaNoIYNjPj/LITB2MRbanM9rdnr+hx/ia35F5xpXjHg3YWZ1l6o95C2rJtageXdMbSUmiL2Yw==","shasum":"ed26367edad9ba99ffc18ce29b715408be66d4ec","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.85-dev.8.tgz","fileCount":776,"unpackedSize":4522333,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2b4tCRA9TVsSAnZWagAAG/0P/RpczNit+66nU/AAROmn\ngMQhEfrXcWXOsAYzf+swCrkbiY2yfvPyfAyamSttXJnZFVJ/lCUDG5TgPgTO\nwqN9PsRaxbVFyylUth8LlhwR1NwAIyLtpSQ6qAa37zGUlVxlv6WBHPH3VZ1b\nX7UHTCXh23K7BwS/6UrJY/5zCWVXAi+1TM+Bl84ECq7uGztqk3akTdfS38bj\nZcaEu4cSUjbqHexighRwZ6dk42xOrqQ0htgi6b/qJa8pbv94QCLAKPNUz23+\nw6e+D/cf3N/WkQbYWq3RmpU8A8mCwX77xoOBkySnqB/HigwXoAXh9IjFoSKs\nmCKVDSF/GU9IRbprPfy4nqphX3bJFcdDShF2MnqDTRxTkqwG3MZKjkQn5aBp\nuIt0n0CEbCZCovTtXCnA9VWsQVigZPZ8svwexU4Ida1NeOk+NHHwFkvBlz5B\n3YDHuEhcxHc6j8lyFUi+6Mm04jvq2JQZbUpj15K3pfuJOaK0PjKE84fMTw29\naBOkXvySXI3XI/P7KE+FA5HjhTYaRNWGcw60p12OKmGocwoBl1NT/OYlXpdv\nFZIU0P3nuKRCcsMfw3lydFRCyaqe9BLDRv++04FOcvQhMYM9U21FZAJ2fhWn\nzKiqotgAfAMJ2bcmt/t6OevAr+G1XO+SYelZJuRNXbQ1vYaMHYj398EIaLBG\n/Fun\r\n=2jBN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnZTZXzxIRCK9XookSA3Tct+oaFDiacdgPBVi0rdLFZQIgMM0oeOU94SF7a8A8Jk9yWK9UioKrtz7Yp+5cBjAdPng="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.85-dev.8_1524219437229_0.4374687670165984"},"_hasShrinkwrap":false},"0.7.2-test-2":{"name":"harbor-ui","version":"0.7.2-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.2-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-E82ucmLOSf0LKbljskC0SaYIj7rAeufBmiIRX/2Jr0PfW8XUIBSTKp405K8awQ4j8j7C5kbFhBDYgHGqnO0/XQ==","shasum":"b475678dd04c2d284fb8a5331ca531f3c2cc597f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.2-test-2.tgz","fileCount":776,"unpackedSize":4596409,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2cCUCRA9TVsSAnZWagAAMR0P/0J1AGN3VCkoEj1sRYCb\nsmx8RG6LIkRdQo1X0SA3Noxv/0IWfw67Tw7o3KHf/RwTFyqxLZOlv9zJYC7i\nE/q+t/s5lKNLnTuzy3McGVCPuBxjEf9UGlpWSrxsnLw/sIUENT97KCom3iol\n00TJ85vw29mZ65Q1LBfAbflZNEDh7vKOAxudgUaj6GHaRN+uetxM4FL2qVSG\nlxDxWwPB6O3fcIkzZzkv/65gB+TiyD1b8GkJ0McHvuICnnjf3mkMMRiqaHUg\nH75Tr6sYNh6tckgrI6kzLFrOfxHj3SWhr33aBkUIGLdMR72AuBMwedYt6sUj\nRSY36YI6QyH3bogOBdq1AvNDkiDZEnKRx75RJ/F0QeIfYoozGavwVzNHnbf3\nquprJPKoAoR4x37dpo3wZdAcvT15cafDQnZhIbm2umYHWb5KWTyDPT4VDQZJ\nQOBF+PIzs3p1CKHMtPIStuTeEUP2V17j6/xkMf2Z/DoHsnV9Cgi7VwqMI8Tv\nUCHrEUfv6KcklofxmuftIpfil3EVyzQFyMB5YeddQC3WPLHuuybk+9CnCgUB\n+daDHn4plaWTybH/A6x+xUWRvAm2UncC7uWWvRx2jpW2yV+XZTrigh1/b9bW\nIWzYbvldpy2FWAfUFpnCV6KUjimU6bdsM01ri/erELz4rsMbn5/H6ofGmY46\n+JNB\r\n=JvmZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCp2NnZtEyFDeto2RoRmyxuUV2FUOsAfLyqhjCqZ/eOBAIgYrPjM51UpfDKGVfBuoHTTfK0cQBtxqYL6mJ11+z0TLc="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.2-test-2_1524220051897_0.7021975735523724"},"_hasShrinkwrap":false},"0.6.85-dev.9":{"name":"harbor-ui","version":"0.6.85-dev.9","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.27","clarity-icons":"^0.10.27","clarity-ui":"^0.10.27","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"0.8.19"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.6.85-dev.9","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-up5SkEIGrWs9irFGEJ2l+LIDriyNLwPWfc2ln569PcUbYOtd9LFMrz1ovlW1laa9hLjcrypRVeJgOots1QLdFw==","shasum":"15fecb9ff30e214380f743a058cb6dd974aba7b7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.85-dev.9.tgz","fileCount":1276,"unpackedSize":6616333,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2cEFCRA9TVsSAnZWagAAChUP/1QhOAedHLVCImnm7oMy\nRBMnPmROQbQLTi/Khd/4XYIFxZM+RJKIcAOT7mMPyhkeCb2AsgLa/I4tfpiA\nQOhPllc+CJG9ETOAorvM74MCUINWVOoJGzJo4IWS8+pwt3wM7aXMN/tBOqPU\nWc04TcA5DuxUaSaZ1Aljf2v2izTOjqqqm/vJ5iHCrG1y0zqWhQU6SIrzAkik\n2yyZtYEU+j9kK8sTH+y+USiwTPoejxwTBj9hGj+cHBDAM9t7KcIBU8e55qCj\nEq7XLLHCgoqKRk4AZYjEuRLW1XE+EvDXVlpp4sSTu8Mg3IGiLm9EjECjKyQ0\nWboWFotwtIKiSS++xKP9gGFyXO2RRE1gxUvZfBpVcr0n9ADkqmV/uTTn3fQX\nUel2j+VKzjl4yEvW9n15OsGwyxQge7/b3rPJXf8VdhxycVj27g56LMxCPTwW\n15eLWaVuFmcgZzhersnE0M9jE+a25BVoSS/e+MPtrwWMrZZr9USuGu/2Tll3\nAfvAg4T5Hkix6+I9pAe4tDqCkyasZLLVRyxI+4dEfeI8FsPwzWYrqq//N3eI\nkxLXX2Fb+V3/t+Hew22pmE+ZCz3gQiMQUy9Ye+cbNMpGwuN4cF6BLeIR1K3y\nUpDtF6ZHpoetbgJjUE0pUQ47gK4WQoZ8eBbyzbX2094x/dvsf0iiAWrcEPwT\nfNHP\r\n=0bmh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHqmfVl1Y6Z7+Bk/f/+cSIaBP/oUljRLwABZ7g+aaCrnAiBxGph3mYNdXv8X38iySBjo4vito1J2V7iu2fM4GAabqA=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.85-dev.9_1524220165204_0.09239042979679413"},"_hasShrinkwrap":false},"0.6.85-dev.10":{"name":"harbor-ui","version":"0.6.85-dev.10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.85-dev.10","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-maEwdn+Gj6IK+2oYDhv0lZP6FM2+1bIgM5D4yesH2q9eJvVMjffB4xMItSjftwXOwuA3EwWUOtDaydSLezM4Xw==","shasum":"a1b7cf3a01594eddab3f378428a55a472e936124","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.85-dev.10.tgz","fileCount":776,"unpackedSize":4523350,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2cPwCRA9TVsSAnZWagAAZ7UQAIHIgSu8OOSr4+edIZTC\nr9BmBMcXTMiJJYgmaOFdkA/3g6gOaGE0Si76SULfG/Y0OD7PhRLtHSBzwXi6\nbGFGRIreoKLTUBhAHcLDND5uibu05nR3UtWYTPcAIcIsMtOeIXgIa3hIioAZ\nLK5ZlLK6Z1dWJRUAqD6U4tbN7ZrOBi4j9nebaT4cFyNknp7Z/s/qUbRocQPo\nL4aO4JKcWHnJk9aN37fhec6dRTvWni4EC5S7DVisC6hYb8vOl+8EzISlJcP4\nG8TiLAb7cAowDV8Bh8EeniwrRpGgfQ7GUSDpqTYKqQOUGuZpq1DfRUHv8IGg\nq1JrS3aZXOL6BOUOyPHqFqnoX3xzjvdAgQoUU1dANbH1M6dt1twhU5JizC6o\nNfK1NOVr0JzvxwyVQh+HAkbe1PCYIlFrqQXHlMvqnG79wXSDjcQ6BXokaH99\nMxXZwM1vpojXcpujVp/YAxqSdVWoMak0XjkE/+xp+KEljpRLtfcuLx6D9Hgj\nNAswIU1gFEMvzWZorgARUrXEX2uknLjN4TuYouo8E/wX2Y9cQXqEYwlCh5CT\n+FB2MCaRJxHd/jp0J4IdjiopKJpGfVEqyJDFTonAsPP4XKnQdA6sqYgHkVMu\nsFaUcBoIK2lPg7hxC++8gS6QIoPJTIVfk9Ec5GZIIZN8x0F1r8i2WWTn1iSQ\n6o9L\r\n=a98o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4lj8uQ78hKHWXMVpwnGOkvgrcE5SFshceb5EvzLe+3wIgdHtZdy1GbGHbiE55x1gMCmofvCBdgQT473bIZ8h9iUA="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.85-dev.10_1524220911786_0.34686631261051404"},"_hasShrinkwrap":false},"0.6.85-dev.11":{"name":"harbor-ui","version":"0.6.85-dev.11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.85-dev.11","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ZBh5LHHh162Wfb7uV7wOMJDzjHFo7kHqu5ufZZtMubPqOx+Bk1pTwFbs6hlnNz4SeUos9B9vP4plLELfHMAlDg==","shasum":"408d200bdb0341a286669305509a41f0b79de9cc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.85-dev.11.tgz","fileCount":776,"unpackedSize":4523849,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2cWUCRA9TVsSAnZWagAA+L8P/jIrHtz5B2vAkufnEBhi\ncAv69gHTps/WJM/UCjfwhJZmO85Tw+8110p6h34bObGpjmP/nFdowNfVsIC9\n2cdPCfkOFwAtAEA1bNvQ/K4isJWYUI/rhmEeQhTWME333ZuVwg0UUPx9Qu+4\nGMDQRmsUVzgWOOrtF3Q2N74VTVQk1LGfbSCx0owoC7VFsCqs7biEsxRJPeih\n1Fo6Jlen6pXQkHXUh1i9cSyA83aKFeBvLCaucfsKWh7KANRM2ywFCG8gx4i/\n+j37TeL7twor+T9+u801nLha+5s5fmuBwEcLVLmFiElu8riUHGSFNheddaFp\nWT8NkkZzyfouo7GQuJrT7OzSZNUr/5wb2ZVeveoTgZ9YlRtDSYYa4zd1nAN1\nVw+tuwWJXuDftd1ad1uj6/6O9uzxdU+JPoJqdLINUbsWx6bhfh0tVLVrcAwt\nKV+idV6kKshzNyz+Gp2rYBVCBhFmrvM6dlhBRylg2CX+uaEWQFb3H308qG44\n7a4PmaNaYQcmGS4Qy+VGtu7LMK0NlXpGIhKD0O3AVtj7o7JJdeanu1YZ7UpW\nWzg6Btm3ir3EakLBfR+GwqxY59pAmAkLGc1JYBNEIp6o7AnZdyfZQWaIf3Oi\nNFB4PYToXO/2x/Pxh4CtI/FwVnOxT0dyE8Yvi1NeMS7Vs7KlFPrk4ppHY1S9\nonZ/\r\n=l2JU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCl05eY7hVZW1NfwYUaOTRuKB2kaQwlRnmARm/G2t0LdAIhAOJyVVxdSM0JFTYjsnI1W5IC7Kp0m71ci3HvSL63nyA3"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.85-dev.11_1524221332523_0.08542737843311632"},"_hasShrinkwrap":false},"0.7.4":{"name":"harbor-ui","version":"0.7.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.4","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-k0MamjWvTE6EL1XKDknAbrokhWjZEiLqLqJJSjd3cJDFestFv3aScWJR5nqJC3yJaqBB6tzwqCIEYrgvkqy/5A==","shasum":"8645066012f04329a987b5dbc77ffdd5b5636304","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.4.tgz","fileCount":776,"unpackedSize":4596402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2cW8CRA9TVsSAnZWagAAtz4P/jlyZJ76swsJ7TQojr8y\n4SVSc6mpcTz2r0SDMo2Ly6qy6Xuv/fHYcDYZOpJXgMkHV7TfpRqw5JTVWab9\nlcMUP/P/tBUAY006HiIEebmIqNVfVFWd288wvHYT40NC2wO4+GLpTZc/kaX7\nm2hsJT8V86KummZriva4LDkvJzGwZDH0jQcl67vw02Lu0QkFSyJXvI8gCzl0\ngZyasGRuO5F7zawgErUoqR4OFJdTZUyL2FlDn1TaNJrWH5KxdWU7IvxzbA3i\nDsFy/hD62PqS0SoxkJ09qq3fmbuHGFv2ngvEyvPjqUFQPpQIFsVRV5z+ogf6\nDHvqoyQG/vTrI6esDIT5UmfQoA+WUPl1t7bS5Suuylk41oih0rnDjYNMQjG/\nxj4s3vWiDes5QCo6iWrHJwzcf0qPzgnIjjuvMY6m1kF0VhSotjbQX9sZQxJJ\n+OXDryj5iqutEBLMqFhFFIuu4B7f0RIwp+QXGoAMU71VJlNCCFt6URGwOk7+\nkxScVA8gM4iqOEHWuVUM98nXvOBOC1qSMU24JN24SrE88Z3RyZT1RnvO5+dF\nEMEte3qSwTqIrgRxPiXKOAQqzVhkIRkEtImpDXq51JNzeUDCJbWGGKDpSHi/\nbpeBn7wRnKoyFsdCt0ZLAEgViyf/rpyn96JIe1NwK0GvjwYfvURSEhH5oGVO\n5/PF\r\n=WCLw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFrGu8KplJ4T1mXg0UxFNkmbt4HwUGBObz86+FmQzqUUAiAdNT/YSkBqSh+ld/F12O5f4l6PrlPS2fAgPkk8lIC6YQ=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.4_1524221371126_0.3708236739977411"},"_hasShrinkwrap":false},"0.6.85-dev.12":{"name":"harbor-ui","version":"0.6.85-dev.12","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.85-dev.12","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-MFOoGpFjbQ7OVYkCqgpvYKxXRf6rE06KjHqvuhwzHMneWtMeQX5uYM/LNTZFp4voQyOUKyuy7R7OBe0nwL0nWg==","shasum":"87232dc43592242552cc3613ad9032ff65b657d3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.85-dev.12.tgz","fileCount":776,"unpackedSize":4523895,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2ceECRA9TVsSAnZWagAArucP/iD5Pbe6cn3ckpGH5/qS\nQ3O2U6ScZuIgMk/zNpQO/VMmgFnJBWLhBz3VzHkOWZo4jTr2+Cs6vRm9MCjY\nxNdfdNt2VMwDf+/3gmFrAmhEtNyCLh3zoEuCtiLMiGdVJbF7BNdhg081Zxjz\noIUIDrHAyqkQaImJdgiquhhiS6h8CUbuy+1BwYHdu+vnfLQ4pPMbXIFJthfI\nzFjP9QZnqkrHED/piM/2OmJgUWaXDGwWqH0QNM80Or802Fbzt9ESHr1Zxzt0\nxPlHK82tCcZVtNyQWSwv3olG9MnW5T3ueurvj2yv56E7WXFt1vPl1mk0Svo4\nXojpO3aE3D8D5exWUyCJdgLd8kNeYMIK7DZXy4tQ2VnCMSBkVsVXWLBz+bE5\nVIQbvq6OQpkwmw4rj/vhTuKwpEZ3Ru9V46FoIamJPTCIg1My2tafDJ+38G/G\nfpFrXY+wpjyYF7eYRQU/vAGMDUmmCRrXNdhO+q/ncM5Gitse3uQgUMr7D8eX\nDlVbvDeARMBqEw+KMNMzAxcjlCrAxhLjR1dkeYwF/chArWjGK3lZCY33RXbY\nWN63vU8p+GO4njpub5s5aO6JlPQKY97iC4a3S0u7v24sXuBo7KhxlV3d3Lah\nBtUMl7FsX+m52ZECvIF90VUOuw/v6y3qKwwVVOO0rXkj2LtxrihZzIfErL2f\nonEI\r\n=qrBI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJfUHIxb3v6rRwKn85ihswaL5kv7tTsYNIkC8zDWS8VgIhAJLyydXO0ArwcTuKVk73BLFX4mAWLtaK6q4/AxuUbRc3"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.85-dev.12_1524221828198_0.7559529122815223"},"_hasShrinkwrap":false},"0.7.5":{"name":"harbor-ui","version":"0.7.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.5","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-MxPRbhiCFujZumc76JsSud9JxLVHbaelnH8si1IggjbUfwJ1bMeXsKOwxul+9aWp7UXb+SEHPAjHxhG12fOcvg==","shasum":"06c07e167cddd88e180372a6684676957d4f8c69","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.5.tgz","fileCount":776,"unpackedSize":4522125,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2dJdCRA9TVsSAnZWagAAG+UP/2ysNuKugJzFZ+Kox452\n7hx5OBqsQBW3/aIDlMUODgBU9vrT1wpM4wTUB+mSkuKz81d0/BC7a6JbZJ2G\nf6wCHWGa/pT9t4e6uJ2601xir2D+OHitVIP3f6yTVROjXqFiVPsLCrSy51m3\nzMn3qGNaB/a+KHdsrIL9X06Sq2gzuBubJqyo7nYiDeq2M95dvFAcrvsKtvYB\nwiD4VL0ex76yJFvKW17Vnn2+cNRQMHj3c0OEiyRrR6w/XfhJCcSJsMJVHtHh\nmvpQ+9ARbLJYZDTa/fQFbygneK1ZepUvl72zZwQDx5BAkvvgbPcuuzAKRYag\nVc8sejWDS8kbDrZkA++9tY7CvsAZDff4pNyg4aLjAFG0z0qEl329nKkjz2JU\nSIsHrHlGWCPWB2FP+uzUKksratTLPiSTASEru23ya6T0LnMjVA9dVfy7g++A\nIuLC1vTako9izzz7XM3Xxj0BD8knPRzh+qR/2vrLX3OtKHaJyHeZoNAkneo7\nTLhUAo3Rfwf4iLhIQ2ztPHDW0itHLCTtXuEsEzEhEiGmAju6hLrG4EcgOUMp\nrq4TE2LaQi/O+W13D34rn1r4YJhvlflod+sZrXzVK3Gry5e3SF4xsDxlSecf\n2ZfjmqMZL71kRXQ9wtFL35AZynIFEPPi8q2DuxKOXlLveRvs/4BiPsArvBzQ\nQ8WV\r\n=m8cK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC23g/ADRm3nndORA4Gq19O/NApyKadtFjeBzN3jHK8bQIgYvF1mVelsIAsE4XsUuZSRdStO7eF/SqPGtlGqDil+Ik="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.5_1524224604170_0.17607690835316014"},"_hasShrinkwrap":false},"0.6.86":{"name":"harbor-ui","version":"0.6.86","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.86","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-3Ekkvkm233IN2gkgm6opV+8YR0XUjjCio23+J657esLAA17q7ziDzaZxbxt1tGeXz/MbBEJcKJGTzazdBx1AEw==","shasum":"b60f5a6a2c67ed9af314e84d0fef89c6a467a8d0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.86.tgz","fileCount":776,"unpackedSize":4596439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2eL9CRA9TVsSAnZWagAAA/UQAIQ2Ey7Ev1ZyK5knAAMk\n3JA1Cjj8ggmecKYNu9FNrCLm2HzsQ5yWRJefuJNvWEqyvGVxhtLmBdsyEBJB\nEj9vs64Pl6yzZwNGGpNI1tzJ/wAWNzEmnqWGo0+q4YaRJmlEGEyc0TSedXsM\nTS0BDYpLFaqNN/tE4WbP8BuZmyuEXGQvWVOSj9gZXNSISLOrCPmlJych3CID\nfnXLMVuMewaveWXloTkhQFKXKM8iAkGjl5nYCTury72dxx3vsakz6bIT1Yvt\nKacaplCkjWn8xOMGTnurXHmhzY5wwafp8qaG4b++2s6YWnhvIKzRLfhdiMwP\nr82iSzjiRAwsFllC1VWrMCvDfPijnVlo4hhEjQWZE1TigzrjMfvnKVc2A5jl\n5xZ4VVlUap6rd+odJdq4a6smzPdyCqskVqpZyElVelZh6p7BfqCEL34ory+X\ntp4UIvGQaMDQqPNYxFASfnbncO9guKQba4a7YPQsw0i48pkzhdAN1Wa6CA0t\nKh3b9O8HrhtaysXsChDfmTKtqN6rRQ+yKpkz60tPg3IHNxGXnWrRG9+xTqW3\nOOdWsmQxXNRDYcmtKaRJRvSojw9OpwOzxHkAVNB/6jz508knQEQTRHH/4vr0\n8R3VUtbmwXqWZOTQr05HhEAMtKHxy1VPxtAKT0f8BTVraOGQn4ulwk6yqoNx\nXNMs\r\n=u3Qp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFYTn/0RiqlUK3Psk70sQ7V/IrgIQqe1Kwp9t2a6jQY+AiAuDT9t12i/OnXdvqaL35Qtm1aUpPVJO5BJlGtOvbKqfw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.86_1524228860964_0.8322062999307034"},"_hasShrinkwrap":false},"0.6.87":{"name":"harbor-ui","version":"0.6.87","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.87","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-xooiWpTQwXIHCBLwujQW4pMN1NlajiIrqYDMWRmNL4rStiK1gADXhsEHs56ty2ZKPQJvstsTXkzFfu2ov8/2aw==","shasum":"6d0872884a33d2c6d281c7bf3f890342b594ad27","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.87.tgz","fileCount":776,"unpackedSize":4522162,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2e3ZCRA9TVsSAnZWagAABmAP/jpN53lVR5GNIWbaAoed\n1LeYED1t87A2UZb7RqPYQaBNNfF8nnK1GQv2X6j48W4QXaWmWWk9u6Fw4scz\nasavADDuTGznXZwJYJE1n3d0r3+ZfdBONHwLjC/j/RvPQU7dug6pAyHuosoR\n6Y5oB9lx567ngoW/DKAr8c3YnlD8UUg3QiZFjTWabiB6UOwkA0DEiq4PEGgo\naC4hfDW60S1nCpdpwcJxXu6Jdva9oLsQ1FGiBKuW2LhkXa3Few5hYKJmo5VD\neeI3fXn+MAMRNnI3wuF0EUOy3rZM4b2y8GQZUUjILyHtBMmrGEttCB3NSgVL\nplYk9yI/AuH/69JFexxLLQV01T5rdSRowtVvDJggFCFAsIdWVY4Z6i7fQhqR\nAXru1DfsOPA7KyNhfQ190arxhg31KBb/Darz7KefD96Cxpb2DlAtSAF55QzE\n/K3AggaEfWfcRWCBFAPXCgkTf6HlVwhsRRhtWwaxFDABG1EG+Ih9bfz8jWYf\nl7jAm10hVpx8CCZYvO7jHiyB/KhHqYUreSI6gtdA+3omCghzmiJDaWkF3W3U\ncpa3ckySNM91BhjXiSDHgolgS5jAM/W03VKkuRRdK0SSE3veh8EW+sr5CyFQ\nPe+Z+C+oyJKUENo6a0dNv6v03nCdIigqWEUDTqjbmtHpmsN2mcNqR3KaHLQJ\n68bi\r\n=OenA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUVUTg0QdX/iQAlj0hbqkx/vF7N6Vta4ib9IkopD0ttgIgU6F5YfJByBx5At6xN5br4cuVgXN7H4fcsDhplZ/bAvY="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.87_1524231640397_0.2095512833722002"},"_hasShrinkwrap":false},"0.7.5-test-1":{"name":"harbor-ui","version":"0.7.5-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.5-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-vU5NoAkbxLInNLImBE6UJ06R4fFLMHViOuMuyhMYmtrT9w8JPwUQJ/b+URj1nU0yr1tfga1w0VjSwtAQVJkVRA==","shasum":"1c8c758c54974f82983db54222a724d3149d6357","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.5-test-1.tgz","fileCount":776,"unpackedSize":4599786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa3bQJCRA9TVsSAnZWagAAmTwP/01ZTxWGD+IkS4OuH8Mq\ngXgNo7yHTivrD2RtgOvN4eOOS2sDjiBp8+OfguW13r2JJhGjft6kBpXj+Xw8\nw1Iq6JgNtgcEyvQNCo1qdxvjuNeiTQrvcm/M20m6sSHG0xrxF8hv28coA6Mg\nNtC3Miv4Sl2/qld1gh0p4KGeNzrgwyc53f1NH5Oj17R2qW8fQj9SXI3JApKI\nkio7pZfVPzzVsM3bb9WM0qitiXdFULBmvJCxRpPL9iMI4WqCF2QXyDdJvMpp\nEAqq6u1iWMAI4k2zF1M+YNhNMJMec1Eh7wAprJlK/xhk80Ccw5QnyQ3Cqcgy\n9yOT27ho0vZTDeSeClSI1i2Ak5mGqLrJQuavygnHkfv/5/RM2Pl2WOF0dKsy\nhRdd1AsKVxAfnXWtXzn71un5BrW8rmi7D6CQCmtqpGXZQGistYdEvNTgwPQZ\nx9fPEqAGk1c+707eG2h2B3JexAfEiipnK1nuTDqpIjyG6deHVOCXmNXt2YEB\n5tpE/MtHv+S4FndS0s1IwRbXYuWn4hEMA57OF6FFkkd3oJoyogcNAtXqaezI\ntzq2FDqzDWIyfWyJcvpKmLU7DEWFkHOtFmgeLwisv4SCTsEkUEsYX1EpkXOs\ncFgp5IwscI7180LRaDo3+SWgcvsblLMTQOwHj8GM7LdmJil6/urMNQrtgNjG\nU4v5\r\n=MUPy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCuYtvVJa446iWe4ZHbEpLXMuZmUdjvrz9FGzW/mY31cwIgFbz+PD8F11XP6tGVSsYxbScOa6hd6HkTigzE1CHucFk="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.5-test-1_1524478984796_0.5934889633841007"},"_hasShrinkwrap":false},"0.7.6":{"name":"harbor-ui","version":"0.7.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.6","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Oo6OjK4GeNSO6cFD4dj47FoATcn8GAa5k1IlIVNyDtSxpqezCHoxMXCQE1qtWGXS91FuhCXKl5wjcc4fs8yFhw==","shasum":"428a4d7c05c60af98d96d46944d160c53c522f58","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.6.tgz","fileCount":776,"unpackedSize":4599941,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa3bpECRA9TVsSAnZWagAAXjAQAKTW9tq8AMxxwh+G1NKG\n9A7y0DuSULDLFx5WS8h/OnHXWgKPSswNlsLEMn210iMghs6d1qi80P6MuqHI\nHeQama+6wkdhMUh6mnkhhJtWXRdeshtdJIK9ES2+NzmSSy9kCjPQev5xRXga\ndADPPHHb7DolOmWZHL598n0SxnwwSL7Fc72HJATq3wfP4zuoJ2mPSKOsEWYT\n7IuEzXT1GVyMDv+94UjxHyu0xYRuqjrE9DwwrHu45OiQFVJqzyYW2bDSMeN4\nwv4eYVHbCDhDRt1AfswujlHAcTaT48TiZBjW9qv16LynntJzNyoqzE+ArB15\n4bUPmGLUKnOxl9iguRErT3yEaOVdRxRKlDgUILwE+jcW9QtoUUBNlza8oHZf\nBtrqwX3eGhNLZZZx/mQgeCRuC9gz/3/UuMnhQbFbup1biRqHCuO+xE1iOraH\nWk6j2kgBbtGjVYY4SHZWwTesOPBPYNlU3XpifzjQDMIwUv3LlR5JNTtYn8sA\ncZsBoApmmsffe34mTsyKkzRkmbLwBswRp3rAaF6SBk4w0z18nZE9zeNnY0Nc\n5E1ZzQVHO7FmqN8B3dFaR1ktj67zaJbn3DN/w/LbJ7l2LOliVoF1YJ2dWgAK\nuoAjlvqpJFaavdtXt2IxQaxcH6A9C2Brmu8i3sB9KEboGGgg7sbxFo+HjpHV\nGoHR\r\n=jP7O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCli4kanTWBdje+bD611jxn18MBg+fpTIAp5cMvQyA+PAIgUeeOQA6v29GPzmy7j83Jwgb0hoWd86eseKhw53RqXZQ="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.6_1524480579748_0.36007105390840266"},"_hasShrinkwrap":false},"0.6.88":{"name":"harbor-ui","version":"0.6.88","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.88","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-h0NsShPVFVvbWCmb1hPRQfhS8+083MXzVvc4XztQ771XIS5ujr4Sl5Hty4s9Ft5KXwH5ze529MjM3U5ZJqv9MQ==","shasum":"6e6219b2595df23d9370df7b67a77e7d1c82a093","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.88.tgz","fileCount":776,"unpackedSize":4599978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4BggCRA9TVsSAnZWagAAmK8P/RVNhm28ZCGeVvJwBPpz\niX57/p/F7KzJRK05qWRq47oIEoWFg0ijmyxXHLiogUQcVpL/1wzGARVodvZM\nbs9Xm23y4J3FOyquCHEQMaNdMzoLcWTfev+uYNJ9Wxut3lQblwGFnkmTK7uc\nIdAK54nNTwgcDKagOy/lXfPAFIp6fpPDmzDEKKx92HEnYCnPKi/gXlLuGlVO\nMKCoQh4gZAXG2z1HabTm3XCss7XHoamxqozQLMvDr39RgoIFglpG41yyMERY\n5Pk0444vOjpOV6DmbeSDK3FyYDz8ebredxKX7Fe5CObX4/XFki9X4NS/tFN1\nZ6nQ40bFCWAFX56F6H2+UB4vvfYQbWXjxs9PG4CiRWmnvD3PI9ck0YwEbB9Y\npv1pTi9/Q2RMGMjumuUFQ9ZS7zUSqvmyeNLGmhesk0DlS26ByxVt+XY5+e00\nTx1EvkTGt728nCwvzOQiVVI1uvMdNyB80SQ71k9gA0trF5E9KUI8Oc+CDHrs\nB1P56X3HkYBs5YC0jGvdfWngG1NbqoGmiBK68E8grTUGcfNoUy2xquWJ/eT8\nHeGbADEoqr0O1xD/1oyabw0/bngoPVTH0rFbaddNRzO5XopVDQOCQzD7pvtA\nOYIB5swXh81fWcIYxohCK6TewUlizpOu4dCuFxaBgc5ifZUIFOB/MbOxaLAL\nPKoR\r\n=8v6e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFVL5kq1Y/Kl6U49qItBkn/ZFjZAZC6T5XmkeOUyyX7RAiEA22/J3OxZGFyyxxc7DPp45NNlJ+WoJw9SkXU/SJz/7Yc="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.88_1524635680170_0.4622581672488839"},"_hasShrinkwrap":false},"0.7.5-test-2":{"name":"harbor-ui","version":"0.7.5-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.5-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-b225rin5GTaL2kyjmnvm1HM3NWje9xZKpPrpAnyPZvNmRoOb3koTGoNlLeB2iCw1Y3akEeZl0Am/BLei3XhIoQ==","shasum":"99fb903b72297f7669592d92b2f528fce23bf6b7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.5-test-2.tgz","fileCount":776,"unpackedSize":4619074,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4FhyCRA9TVsSAnZWagAADZ4P/RQNGMA0YuOULDV+pE7D\nzj16Zm+uiVjDJASQSrf6Y7ckpICloGrFxIv8nXCMZBYMhr7zQkUbieoZCKx3\nW2YfBjTAYXzbc7ngzh5P1ORz8nb9l9sfLphvzI1BRelQ640iKzDeQotlsbkD\ntTbMqKGnlfxl3V25LGjKOa7nYPcls3DVMDzLaP93C5a0caEIG7EaN/0PmUR3\neXbvE4qzeyERoqriwxBxDMOZUeR0ROdJq2KqwoDQb+Ly/re+JfI6s9+zO8sB\n/SKhOtd01YkQRr1zq1lJ2ByVRvul7wmBzUm5s/bW5FDZ2je6umcUHjpby6LG\njkBZWK8dZo5UEWIN2eb1m3VduPl5jUjt3KUPil8z/Y4qhJir2XK03ZOP6k7E\nJj0AB0Ob8ABrPpquOcnFzbdLxmrI40kvrxgagkSa1Zis+FyLmHkNZcSyOoKv\nuk+e41h4gCMWvBHDA9MkKmb/8YXeN0staUxNTgtu3L6DtDX32/S+9Xnenbgk\nNeHJds+KtmZ5QJDRy7OgZS+MVpA8unwQzYE5W8iPHGaiWP3S00dkiuzi2Lwp\nm/yT0EbIhgiSNI8tBPPDvxfPE+9ftaohl34eQDBTVHeJ0gf9pGu5pULf/KyV\nxSZ9Lj7hpXleKJ0O5i6rb8ZsL/yCniU8lMa2Pwlj6Hol8x/VRTZxB6cz1wac\nTxUW\r\n=jSCa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFVCNuOlFsHU49VChz4dBswfBdyqbwh2n3x7ivPTKJNlAiAiF/rvCeNNn3uknczZUUwfjMiGSeghSQ3HtaR8ZvgauA=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.5-test-2_1524652146105_0.6892934915687208"},"_hasShrinkwrap":false},"0.6.88-dev.0":{"name":"harbor-ui","version":"0.6.88-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.88-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-G0KJ30irBD3Z7uYlZ9n5pSDRGYg4DmjVISFeI29YQJF97PcoYbaCgYybOdzGaoUg6NmQYEySP1FKtSPB9R9FLw==","shasum":"413138c53dd74c5d91cd2ecbe59e138ace92d9d8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.88-dev.0.tgz","fileCount":776,"unpackedSize":4526249,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4HZJCRA9TVsSAnZWagAA43gQAJ2DsDpd2KTZaBlt/xTH\nh2JYr5g5ue1d3rNn+GgCjClCCIFcUV+aYYAKeQ63+WC3pWhhHsCoUuh+XGRE\nDZJwAqpboWxYz7x1w3hmy6ZrEv8ZX28yCGoVvc2F1DhDTfsuwgllbXrH7fcj\nsZnzCZZTZyPAoQxhv+OJLEpSo7+hSn1M8PBpSerN8gmUYefj8I0xHcZtAN5y\nQaCbzohuAs0rRoSLXLIeKaRQc+aU+sHpcPOrQViuhEkAQkui5w57iYxDWziD\nytg9UcNa8ZwJNv7HWqMvcJsakBwbEzc5/p+1TUq7nJ0c6yz3j2MqzAVZc/IT\nHKlIQipVOXENcY4MY7ReAVjdsrJHWgAchbOsWkcihGTpCkShgOKTLsowqM0R\ntNaFcjv79BUIgpF4gBl89HBT4xVuU/mf9qWET31EHU97oGuGgIfb2aLyIc7c\nCdbHahgnbWlrFbjn83k6qOfkaiU5gAwus6KWCTheWfxy/NIQ0eJ7nOQ81KGI\nf8cOR7EiBMKu+n+ITaiB/X/RPM6Q+q6GwHohL9j+crj8lmgpQdxLC21WGR3T\n1LQ+XjWtyULZh1nZTDEJXJLqvSY2YJZ4fhxcOWXTuDG8MZdMQv/gkd1lQJXn\n9cDZlThdpqoaXvXsrev/iXHssigX5f8PhBEtYXtuKN6V9cN9kFV7oJjSeVy7\n+++R\r\n=j/1v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVZs+UQziRLPO9QgM6BT5H4VYcNIhmU5tAXxGAN4rHqAIhALanZ7qwcEi95KaiDMUjaNDktQQr9Hb6wkrGRnkhXkn4"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.88-dev.0_1524659784549_0.3581797616458715"},"_hasShrinkwrap":false},"0.6.88-dev.1":{"name":"harbor-ui","version":"0.6.88-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.88-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-0w23t5SEfqQ1KdGqBzoHnV56crJ8kXuvJ01T31iBPBdvQiNxxIr+iwfWz2ElQ5wFLKCSlTYg9OvUSa95pxwYIQ==","shasum":"40594c559ee32a718043408b09775d581bb4aebf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.88-dev.1.tgz","fileCount":776,"unpackedSize":4526257,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4IHfCRA9TVsSAnZWagAArhMP/1gjTW6+7XsUcJTBvEhm\nuIWVdQ/XUjVYu0IbFg4YYdAhKXWZ193Mr+GnVgUmtk9L+3+XymtUyfouNmnk\n7+y3QoRS3ykVpwhGS3JkrCjwqiz5kXklKe+I8d1JW8frKZ+xDAs/JTTQFQiH\nQrm+POJOlQV2iLQiaSTErXBH4DN/IxduUT/fu+wcqv8KrBkEx7Ze87SmCsaA\nPDR1LQ7p50OY0q5hpj+ivZ7jDZ05pIu5UnNLrEV4tLn6z6SAC2+LfMWDA8AG\nigE8apK/zXJF1vjERloapHIDFmX4qiJgCE3nVyQyKVAm7pR9fSxyVLnPg1Bx\nPM5BbBqmoTNyMEiZu2Bjm0m8oK9I0TVd/0ZJT/dvOsx3OhYHDX3pchchsUOL\nZhmJTlxwaMv+LOIOHcLF+2QOeFIPAJ79mCY6g4Oq6WYZazyhcQnamLunBpQC\naT8dSM9sAbxcvHEpNiN0X5RVqUkXow+Sl2t4COahDUpuSWLcHPnKa5nEAe3C\n0F1o8pKfICfSYovgT6XxzVmjUGEa7YdLhR1A2iESUYdKhRiHMjWRVzXjcklY\nNRRdE7/LCZHunTUSUUm+JXp3rIwNqwzJART7RvZECXKTp14sHLsqqb1Vnru4\nuD6zQAo8MaLZlPoC4hEkxX6PpTdhPQqGTHUC8FbQ4YclXDu1x9702wbrOTGf\nlDYy\r\n=CKJt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID4IoqBHrHbibDrBJljfErKBFRB9TLSu47zY9v/mcImlAiBuxwGl/Li3aGZsqA+f7Ma62Eu+/XWTpOVAo+oUiZr6Ow=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.88-dev.1_1524662750790_0.2062576122601476"},"_hasShrinkwrap":false},"0.7.7":{"name":"harbor-ui","version":"0.7.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.7","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-aO/JAwBYUhu2IF3HHTq9W+ETpS1BJbuanUMvu4EkAFHDZZtpX8+d6ABHhveR0WI4arphBdapP9BEyTUxN+3z3A==","shasum":"d3a57b278098ce4803e0a377e9a469e69cdc41a3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.7.tgz","fileCount":776,"unpackedSize":4619399,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4TbiCRA9TVsSAnZWagAAqZ8P/jiOgU/KJzjC7BpfKu6C\nbC2JUevJhmhBPobLSzJidF5110gjGBltc4f16zXcWmS9d36mqG5g1GjYE+8V\n6WnJCvwthLW+3e/8BAcb2XlMPFPsXJm6iwienNXkYdzG4TgDeY6uLjbZkn7z\nUg2Qw+Vt3eOR07wEnab7VuYBCBK3nbOadtGd8nzQtjL8CtPxtEt5tRYruGeR\nVrks9AVhJ9LSBDeXfgAAxQAxNYTbc5bYk/lJBtQQxt+5xJKuh26s9bkBgS68\ne8Z9dEgPg2GzkEN/Lg9QsoCNBPyZUTm8Z5hbtNUNgQnpzkl+8bHKYfIbb8rw\n8y86Re8t1USAHNr6uwBmo5uMgkKU9YHT8hLvq1x6NK9WGTT6HOFDrNVCzyiz\n53c9iOjn19mPSl9MKjgJB+AaOFh3aaAZ1kTQ7KMFoxbi5gkPy8VRB+38kOh5\nKkh7uwOhWUlhwShK8IDwngxcqrVyXESLgqT2ma2S4DcOCunMF+Qj3SrY4Zbx\nPSe/UoIMTMBbAV4XCmhcRq4oCE6Ffi7c/9ClDA7MpOGLG9e5EuRAmxxmajG0\nGyis4NO7n5apR8Yq6LrL7YLOi8TTp/NFQ2hk79rOkKKg0iWuXu7wUtnpT7PI\noqKGkZkF9SLJefyDWjI14iAemjsdbAguRRVPKNaVBzsP51182ZAK2pMJpukh\nMuyW\r\n=1YJI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDC9oSlyuB4s+WOfU70OUaNRhK0YoPNuq2TWYtR38t2rAiBq/u6qlA/NxTUMv4LF3VdnJIBVJYqfubEpGbzWmyzo3A=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.7_1524709090012_0.6573600676949376"},"_hasShrinkwrap":false},"0.7.6-dev.0":{"name":"harbor-ui","version":"0.7.6-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.6-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-B2omjFCPkxNqN0RBG4s/vQcPSivAtrCcmYIXqFmghfUz3SzsKUNxnJi4uJkZ2R36sX02koFvBw2PSlkCzVvegQ==","shasum":"2e7d09002135dbbd53c0bca5145d47431182e3e8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.6-dev.0.tgz","fileCount":776,"unpackedSize":4525954,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4T/UCRA9TVsSAnZWagAArHkP/2/PKgJhTnyEvMN8p8Ss\ndgpDgLr8Lyr4KpvXqIjYxvXP5lYMN5Bu7/AZY2xjRvxDLwqxsFIFKnS5tC24\nSXq1NALcDeMJJjmwyP0admlkQonod78ViIzqM94RtTABp9qfnNdNY9tQ3Agd\nu0lWNn+ih5ReybJVGHYylfTJrOeeqIZ3TbO/YKm2XmN8AQLZjf0TSRaA9JiF\n00Bk+9wkj2CjuZLA04RMT1NbyFPSH+d9SsQwR42KjKvSSKQflpSVMLMmk97n\nsSAvVUtDpRB0W8kOZ2tPycjVDztKNwrPbO33/eD2AkfOPH0vCHXCWmjLAA8U\n9xKxtACUGsdvePkIjG/HSv8d9M2K6wGK/aPfnd3pQAeOGRuRXPo1PPu5eCEb\nyPEnU1sphratYw0huj9E0LZPfywp8N/TyDhnctaeTK6VMS5UJwH3f7baQrml\nJS4e2k9EQzFhXGxlAhrEpLRP3OjsIrlLzmgiHtmWvRzK5sAyeL0ipIKidDEO\nQoO5gG2SkzxWO4Wchv21KxJMj00tq8V9a1AORlMjb5X6jCiO4T6PuSHxohJB\nutFXr+zegTl5Q+BhwlCK9lb6Oh+RR3B7KA/63Wl0O07czez3E8NeZGQP51bQ\nikTFT2qecyZ7N2h51LCwZqasPcTA7E2Y0BiNQwP852LIC6Tfp1PHX3r2LSAe\nk0WT\r\n=r0MZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDaojnBaXWY92W8XngLSCCQDDwaBSWcKjxexI0ADCbbEAIgGNg+T/vRcUayl2elOp1g6T4g7dduqCPlTI7HmzfLfgk="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.6-dev.0_1524711380321_0.906839411138141"},"_hasShrinkwrap":false},"0.6.89-dev.0":{"name":"harbor-ui","version":"0.6.89-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.89-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-98GhVqt5lFeger4lA/Fi7E/Fg0zIsK/gWXq9r1RHHMWXkEbubnH8e2ifNBjI2t/HiYS5h5jj9tC6hKi71tS4KA==","shasum":"afff4b46f70d4d33c207794d8e859635eb0032ed","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.89-dev.0.tgz","fileCount":776,"unpackedSize":4528054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4bdoCRA9TVsSAnZWagAAFgoP/0DQ59BireqcsdtsxDoV\nw9DQqX2634xSSJZgkHLBva08RRS+u5c76grpGESCIca+h12+cl1mtpuTeKz1\nAx7Hsj1MM09Jrk4hC4+EWrZo7LZu1M6meUJDG85Td8M1l381OZ7DFwAra8sk\nbqKPvPGKKucNQbAt+6AkKS8iR4heCk6zWAofduhDswCpyNLQdgpzAEDN24/t\n/cWNh2QwtQ4cK2IoaOSGbcE6lNFxux8498Qx66Ia96CkbLWI+UNjFFGub2/N\naXgv5Doa7HhyT6ti/+otbWAGCoTJhBBkdD2gfmMkyxykdMznbJSGHW3MH5Vb\nQOAzr1zIUyXUXuJFLm2HomSLcGswrGC9OJ91+h6Yf9xg4Wuw++7QM++Xp95i\nP7FK2zXbWOgBIFSGWyPYKJFUmri687FcLMcxyf+UuXpAWVCNl46KNaBwJnuc\nr6XsEY78h+FdbMDdhMiiDdTN8peS4e6jtCl+kcPsZhbhHncZaXiUs89tBCfd\nl+yCjwdSwn/Hq1QyJuqk6uQHvmmLbtywnSv0SjQirRtThOAvzzJzHTJAAIhd\nVroHZXxeRcF/0oNT/sZhNvJIc1EZ+46FG01rv8ihhE098OroueBPJcETmhV1\nho4nUvxnd3XgHB67u+C0gWv9LkFQNd3gWNxn7hjcc0SsJL0l/GfHvrPN0Va0\nfx5s\r\n=q4jI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC6XgolAVpeq+pqnaTXDmAKbByZuMalLPXRohNNSJwV2AiEAsyOCrGzAqUDgcRDrrclwA906lxK9OHqu/DRhjHRWyEU="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.89-dev.0_1524741991577_0.887185092090595"},"_hasShrinkwrap":false},"0.6.89-dev.1":{"name":"harbor-ui","version":"0.6.89-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.89-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-JlE5XkrWvkqmx+nyT0i6PxvCDwPel1jchMES38251Lq5H1ETOy7m8lOlWSZeIxfZxOnpGtW5Z1i/r0jbbJ2ijA==","shasum":"2abf487d4cf50fa031cddce9d13d91f0de868ed7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.89-dev.1.tgz","fileCount":776,"unpackedSize":4528110,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4cbKCRA9TVsSAnZWagAA9cQP/34deTVaAPJrFEYu/TUt\nrqtikkkErwS8BPHQmfQAT592SNHMRwYbdGZWHY+NV2JNqCKfZTPPSrPjG7Z1\nz7hBhaDBNY7zdAq81X6kr8JcVD/5Um/5Zzd1Y1olZeFl4gsBisnyy20OJ39n\nnNJgtV6iREmmYxu+NX78kx03I6HUPVShrzSIwDSbVt6CHlfOf0dP7ZkhFyNJ\n5vb8qIK+WhcUWhdccYfY89LlkPPDcehA4UDt3p+PhEQilOfp/X2WKQfkkDgy\n43CDtgQ2D+d74LK2Ab7SQ1/nm8s6jr6p86CRM/REbsjWtX4IsgierWxPZnVg\nyc4qyhTzoq2q214hGlHhBc8AzWuQoxnZ9kuVD3BBpI9jJexBR280e4f9s1+n\nCfNGUspXpqsNiiigN0DydlodKuR/iTjZ7VWyFfg1iqjwOTHYIh/dGNsEnmOc\nM5aUaTbZ1aJMafbs/TR2hnWjl6/vVYrbNL0AmidBqyhxRcewDU05TMSJh0JT\n63NGcxSkvwztnndLCexC78uUSbU6dSpXexe52SmRrWpKeeg6clYMfOs6jkEh\nauS0r9CZhYR7gohw9Xi6oCpexKUY/RkD825R7G2Ja7sd6GD7mBT0kFXnvS1y\nNuCMV5QurDugNxuR00XceuWRJpb1EwLSA/MoCWebDuUqxOLD9rSodF4v5Q/R\nbeKx\r\n=Ok5g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCez+TyYbAZDc4rtHLvYjCiQHnB6+Vw0+80K1gJoq4S9AIgQEtaSlcQP5RvkKvQys5+E9weQeDeILtsalrviqXyxjE="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.89-dev.1_1524745930227_0.7892886521838685"},"_hasShrinkwrap":false},"0.6.89-dev.2":{"name":"harbor-ui","version":"0.6.89-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.89-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-14OR8xh8FRbVLK+0n2hbgLuzEv+5yDciJr92O5OstKz1STqwwNnYd6tJv1cRBQ73Z20dMYBSzSYgpoG7wywc/w==","shasum":"2d3f8bf64ac35f16105dc8fdd35e3cfc7effd186","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.89-dev.2.tgz","fileCount":776,"unpackedSize":4528365,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4cmcCRA9TVsSAnZWagAANW4P/jTHl5PQFhF/894Ad6R+\nCgMRK1DGXriib30HRws8CjtDseTXD2Fx2pGu4QSQlVkfVnsZmL/6YDzwGQMO\nPk0v3L1ETzuLvd5SNnF+iZsgZa7giWNkAMx5xQYx6FHjsE1e/UN9KvYaUQdW\nVB+P9gBKCZ8Nf9t0aCb3nXaShEJ7mvEoQG1LF3qnwbTUbYSSJENjA1H9g2Mr\nnQ94nxXZ21f0DPnzJ6BSJnXUVkewVEfC1GiAn/5QjlHTuU1lCZHY0xm+lHd9\nnmEuPg98THAwNDt5W3f99QUCG6DoDH+ZhKGGfNhifgUBNE2fc9QRoGwbaZYK\nI4PeyVdiyhybwjhqcfcn1x/jh4V+xcWx1tBNSECnU4BdlGWM9q8ni7oZ4mrA\n5xspzO/0KD/aV/0PfvFXq2eMcQSgCjcX8RhIocDpXZKl1jRTrE754uLO9bM/\n8vBUlm1bEIJVcgyAEDxgMQMtC9VPyJsirHhaWRYwD+M4qkfKgG7mUcl9dpBm\nivkotaVJtYdfrcC5v31KWYuFxZc3PtyIcYwgxxPRLAJpEiwmfEZ0N9cQDQP7\nu6K1BkErsl/IOitnAw6mxcNFFUCGTVKpZJw5GBt1/fJADiMbHWzEqDEhqT+p\nG1+58L4Wl2ShWrFWwL7oSo93X4KevbuWfzJWIrC1bZvbj6moKFhC0DTT0uVF\ndFqD\r\n=VYBG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAarLqxIB+jIAlqtsLatoJCmFsVDGgppP0TsouK/U19AIhALEi2o51WhrEIBpCbLMzwxrgSwHn6nYDoW3tAHsSztJR"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.89-dev.2_1524746652005_0.011634468202543324"},"_hasShrinkwrap":false},"0.6.90":{"name":"harbor-ui","version":"0.6.90","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.90","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-K94BG1qkGK7l8iSQUlh0hYNGYcj8nGLRrGm+yrPywnICMob4mATjuyN/XK5KOOi+kdKdO5Cuu80l5mDpaXwRSw==","shasum":"5cdcc2a32f921d574f02c10e50a76f2fb4a45eb4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.90.tgz","fileCount":776,"unpackedSize":4528359,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4c27CRA9TVsSAnZWagAANRgP/2ZTouBnPDHBjbOAuzUY\nRNba7LXK9vV5E0FU1QFsRaFaEWgqilqzydLsMky88zgIE2Bpm7lrAzRf5qzL\nAoydQVt2fB53dtO9o3u3uhs73wTNBeffKvyCBCgTCt84dOAI0BAc+0dWojm/\ngSBSVhWGqiY4Gt4nnMcgU2Mi9bqoo2pxB6H9UK9lnBVECC5+hAwLjaKVHgtR\nR+y5nqoIm1/tfTVIyKsN9yVPvSQgk+CwRGD6kvlQhGaWTpmkK6qLOtbOE7Fe\nvTdIVH/U7ZZXH9/3e8lSa+cm71T5txhbhvyTKnhAqfVT6vAQgo5qxkavINZW\nOkucygSB6Vb9HbsXR8rT6PA4WjthVlpBfkYXu2bDFfjiPdqgVa3+MdR/+LSI\ngenJiWpLcVpy/cz6FhGoAX9GNt+/gz5nGb/4qFlgFbIY6G7TZYqbjZDnAfZr\nIpeSKjWX8bRJSyys0ZKETw1I1O2qSIK9oOCgkxxrfOm/faAEkBt/LxObaDUC\nT6f5OTS6HwsC3KS65BYUDdjnPSuXyibrEdYmaSFOm/GscUsr8NUyZepQsFNL\nPl6J1irM69etNvAexo68W3UvNDmM58LBktaTrFc0wbaoVXVrEzqW1A7CK10T\noV02UfcyBJuBAuh68h83v08GFgIu4kjEb7D73bKAiH9ZMatuBxIAHgLKxPF6\nsE0s\r\n=aqvY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCx7MfYfiZnTpD2K8WmX4fMRQbxC0IOZnHRr/envbctswIhALP1dKaXZ3qIyYwOCWAVxHPbR7AFXaBleovRvQiDVofB"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.90_1524747707194_0.31950993085368906"},"_hasShrinkwrap":false},"0.6.91":{"name":"harbor-ui","version":"0.6.91","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.91","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-heIvfShxSfi86stKC3x9ieQpOQzvMrgvW/mcRC3ep70+3YYaMAgxi6jH72Y+knkq9GAn0KTb2q9hLB78z+wP0A==","shasum":"d867169eb672197e4c9d55522fad398a81417049","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.91.tgz","fileCount":776,"unpackedSize":4528247,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4eNrCRA9TVsSAnZWagAAIDsP/iuQUm0ciyUFqaVg2iW2\nKUo3Xp9GL31oruBVp6GmeN4mEj5QOoHxI3owdYUfpt6BscV6bKeCDHs6B23u\nzL1rjitB2dKh73wRPcJT+HewOWoZNnvyIZA8iTtzohdRnAuo6OjV93Og5o9n\nqwzGHaNrTKdXa+3kABWa4ND6LnRkET7XWE09YqCixbvLXIXAuQidb6VHY3ek\nljNNv/8eL89vWtLXwYtsAKbD8SQ+4BL1bWU1eBKvrUYCnAAUiRe2CcCY8vZm\nEEMtufEJKuAKTmZx3tk4bxD83L2JY/nhrC8qZEX90kjugly3qqK81DxyAwKl\nZvZIaCKxCw/aaekSZXLSuLYkzHQuuH77nQLJ45NS0gnxz/hVRYtIK6/dFHmJ\nUhWNgxvOdGp2L+94wTA8kJ31KtwexVnRFMa9idnMXBm5Ox3zrKsvQCCEiBe1\nZjdhuPkobcuHRO9eG+kZq2eoc6YeAHRux39DjIJJDiOSL3pw7HIOcDoxYVRG\nrJDYmSu+7YPPvHjs1pdKj/Grp/3di6Cnwk+YVd3jy5JLFp7eL6IwLY3leZSF\nHKRhgF0hVoJsytCv8bzl6a9XbJm4d5OLmzCWIfBSVTVdj0ym5URyiQ4VN9pg\nQEFvOrZfD60ooQMGvjjJF+GteGOeX7DEztY6HgG2/aem/cPhXQfEd76kOjJh\nmjzb\r\n=zAOw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFhFGFs6ha8tN65YYa05K/VpQB8P1Cm3lgeEoi5FauCjAiEAtxmDP4w9+7UfXVDi434rbzW3lTCZLbDo9XHzZjf1Uuo="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.91_1524753259337_0.07179594101008324"},"_hasShrinkwrap":false},"0.6.92-dev.1":{"name":"harbor-ui","version":"0.6.92-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.92-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-7+cN3XLvn63hY2IQgzBygJCMRjoKLR122NKHSZY+X9xShtnEeG/LYVu9cq3IitSxXgjhWptzwYXngSXLO45fwA==","shasum":"c2e418bf2e010f6d695b41a0627710daa9cf2dbb","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.92-dev.1.tgz","fileCount":776,"unpackedSize":4530606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4qIwCRA9TVsSAnZWagAAYmcP/2tsjtDmzTKwbrejfjN3\nU/4Yh6ZxZ8dxtSDi860E0EyfewZYdQLp0VigkJcMCCzTtzMaghOdabsWkXrP\nX2WrTB28w6Pczinu+QRV9G6H0qAGvhi1lmX+10aR7uwToFrhUwm0NvQ8FJJV\nv5+9EqxCGTnxiyoSTk1zSdy4CTVDGYWoWogWTIfWGIwIX2l0P3IQInPwnEQJ\nuHwalPXOZNsEML7AXbz8DZGR0lZldZW59mcLglQb4yLWgrymnJ/YxAIjH6vG\nSdO4MQlh4MKvMO2QkIHY5nM4Wf5ZwtgRBBRL5vM95mIZgg6qrdB7aKH5L32O\nZKFpTfCZHtb21Ja4u2ck8UFhQkTyowB6CHUjHc7mKoYg3zg3Vd015f2vpeP8\nKoGl1nTN4tuE3LHxqHKF5iO8qXw7ZOazSst+8tzJLLcBV1Wr4UlIr+PpJbY0\nujO9geQ6xaZ4cJr7hg+Qs6yn5DE2IXPcFaDVAe7l8G45czmAtXXIZxoj4m1o\nT70TB2hQVkyMq8jbNci2hcbMSA6i853vIoFmCKwnlmrd4Jgieuvh13gP/wZa\njtTv4srwalEaEw6/T1iG7OLbbY9XTFVSfZVaUS+eOfE/ifMqBIE9KCXxexkT\nKaoV5LPd6dJUd4SXX/0HL/3a4sDVNexW8pAyE2Lu1SiE5nrcFVXqvFy45GYl\noaJ5\r\n=is9u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHUVmhogrBsDgwMWwkrFTT4Jqaocykvd9kO34n3rkA1HAiEAiKnhH94dJ3tUKA+SQQtqtADaUR3jKCpb6loynOQAqw8="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.92-dev.1_1524802096628_0.16433469787014632"},"_hasShrinkwrap":false},"0.6.92":{"name":"harbor-ui","version":"0.6.92","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.92","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Yyq61g5uC+a3BIhHZjvDjwDVKKLFtAbiqaouIXUr+voZ+HAooFA4VZT8N0dCPiKNS8ho5Juqcnnc/6hvSHlk9g==","shasum":"f90f9aabde0f9892de9f71a0d0bb396f5a8fde89","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.92.tgz","fileCount":776,"unpackedSize":4530600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4sCaCRA9TVsSAnZWagAAdukQAIJ4QjkZepowhuQPCgGd\nIqii8IWWksQuw7GzshPNh3LsJWOWRpAGKpHjfWYbYGzorJKy1c0FLaSTxp5p\nZ+39oYX2uWIxgsb/yszpAeqH2wlgNdQc3LIx3k0U3OS9NL0WatT5zD0dLLYE\n5gWMKCKD2kma3FSw9+AAuXVtrbGlzJBVtyUyrY/fQYlsW97oomAG0vKwOLLX\nFleJgM2k/A+FTua3uqW/mIeQq9URLTIeqHaEIZeEGnH4dxNoNA1m3OFbdOWQ\nDSsit4swuUZdNhxQzlrfy6dxXr+NQG1pKmzQvjS+XxxXUZfThgk36KaRtdBS\n1xAr1sy3G22efXPVqry5qMMJTftam/y8YkLWIDOLAkGJJGIqqVXdiwtBA9D/\n4+kattj0b4pePDEQQoMLk+XuppMT7VCaTi2BI/DSY2ud+7BIXpHy85M2Uiyd\nPT57SRA4qJ9t2pVBHKKKZvBNMNF7c3ehuLKAijfIR3WTLMxslcMHfcHYxFdW\njA1tgiRMYe2An2UH4AVXkO2TRztWAEo0L+bHxOOmudKagwwAtcfx54D4KTcT\ntCQom29Jek6HX2KpoD71ZAfkwgJ5EXov0+C5bnZ/xyaKNK2lIWnW4RWdH9La\n980tN4jo89baZx33UQG6QSH2+q7omLpittZlebPxQtdhHS2XwhV5BzLDuVdP\n2wZC\r\n=wP0c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHv1BSL7MNwY0GAWs7KlJneIVEy2WdJeD+Yyq3hQ2emQIgNIKXxSREyJZPSpQh1Td3wRSdfAyvJal+1EAcEdAWqhI="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.92_1524809882159_0.5858632903867544"},"_hasShrinkwrap":false},"0.7.8":{"name":"harbor-ui","version":"0.7.8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.8","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ggYqa7l12RELGG8S2z0Gz17j2NFvWn0LEkIfvWt0BXRe9TY4EjHDnPi0dT6ZXDlHwgmkAX3MpIQ8vO3S4IO6nQ==","shasum":"1a4c2ae56b294635d2f2a7f57af0b89f00bf23bf","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.8.tgz","fileCount":776,"unpackedSize":4549714,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4uUSCRA9TVsSAnZWagAAZiIP/iknHT1ERHl1jCOMD6es\nAEzrnbnl5HH6mZ500larZepmTMbLiCdVUtqEmameVOcpEERwkiclB3w4gDdj\ntv6hZXJyT1jYuErvBtAanHoGaN5yO8wunLC7cnrxpfEW3Hy1vtHrtqrUlnNC\nDK2kHCStF35yD9Yi/Xu80ICuidHXP6B31zDFvgBHb6LMi460ZU19Ln0vLTey\nH/ia6SJrHIVil3opI/rsYbSutrRAC1c84pBukVvKOmXusHl6v+nmMR1HBI4O\njDvlWTCSiYQ7g2MAgfxTJE/vxyuJvQSkaeuIURZlI0n/cpY93CPV8UCpz43M\njVCV36/gaNOjI1T65otHpeVAEL/x3Xem8ZxkFQxhDqP1xSnI/BHMvG97A5aQ\nlH+Ur9f5/1+FzP47bIHfI6oaY+hUhF6jos2Ic7LewCrG0jntzHtFUGjKUhpM\nnaDFnyv1tBR3QZAh+o4jFlA6udOpSkyqL7VVVIAnFsAsueYK11PBLME+6LfY\n/FQssMhQECx2IB7WhzzFUf3nmu13dbI5yIMK+b8qKYrgcozVeWCtz66b4Lyw\nBNbTUyt1IrqkYEXCzeU4pjshbhjpCsBGrUw1eV8A3euJ2kIxRfu3ADYRL9wB\nCXR1Dc9jnMhp3uhFMK8r+YuGCiGYLYmVXGP/Yr+HcYRid6LEm439olnqRiJ8\ntecj\r\n=a0x4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCr7dEyphlW+0lWrYs190aRIYiDzalfcFqytmuBBtFRngIgRNItENhq+G/bheUTz4rqHC4aaeulNTJcW9d6mNLWyFw="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.8_1524819217569_0.25986253347181676"},"_hasShrinkwrap":false},"0.7.9":{"name":"harbor-ui","version":"0.7.9","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.9","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-bjsS/6+v0OcHiN/2tXdv2w6/7tNFtCjTxDaHSZ0xZh82L03aW5W/aEoflwM5Fsi936C3eDQw+gnOfw+9inc9XQ==","shasum":"6e965cdac10738130dc7ea2da212d6942270bd7a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.9.tgz","fileCount":776,"unpackedSize":4619066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4u3yCRA9TVsSAnZWagAAWLUQAIp9jsGapTN89fQ6eoLY\nLe5Li69/hykm6g6tSCHbB8ZL5xp32pnVO/O6MVpBb9zC02CvgN1Cj6BZyANM\n+fk0bu6Aa7rg9D3Mtpx7o6p4AbLnmrgyS1kpN6rrZJQUOsLvJ1GeRbwFlMCl\nSbxVu9TnYGNXI37UJxwPvpwFoRFw8RhWlkql8LTSMILD3Q/6wbZxQgPloBJW\n+nVzszAsKx47rZSdJsZFVSsORGY5eUgLSPZR0szqU8oVaYA0Z4fBslpDaIXQ\nXvRSisEtfmhgcneIHjMWJnBNM+IgeKvon4AQ87yn2Urhsdd77J9NNMMuaZT2\ncyQ4PthMLGtPIa9LTQMcVa8i9fdVUT4f4PlERVD4OJPFg3uBli/jpxFXEwiH\nF5mzvSvbCPJmr6Mf0rYlzcDXCOBJ04C7+kM1pXKFMMdG4Es8uKVLidkdWPE/\ntesPiifVt6lWzhHLxbMfYcSaXzPg5gTj3RjFVIe9LzQcZ6j8TgFqqhsqxyth\noZasRq2T+lMLLmI+I9D/b9LR+QYBQeQKULkreNqKblxSkzEzgb8Djec+iG4F\nZKD2jX3eubVkTBPrU4d8R7XeusyW+TiaV3T2A8GIWyOjMeS/i3/jpMrqnpqr\nBRIe+pf7MhU5yed/9ZVDGTpU6ommC1QW7X43uWsiUbf7UtR1z1qdRX14OMv0\nVJFf\r\n=exOi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICALYIynlCAJV4Urx4S9kI7oRvSqxGg8vL2EHPh6hB7ZAiEAm7HRjJNRW2vJxEdKpbQ6jUIcrHkcc3MpuSPDOGGEi2Y="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.9_1524821489651_0.35423857184810625"},"_hasShrinkwrap":false},"0.6.93":{"name":"harbor-ui","version":"0.6.93","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.93","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-rLjxoXyS3TwcNfVxd1fah+QdA/uEwx9VVdwhQzx2QtjHG3jObKXEsm7EQREri9vKPdSfC1WRPBJm8UHpVaQPog==","shasum":"51bf78d2c2553193a2a13bbe2550bee957ac9db6","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.93.tgz","fileCount":776,"unpackedSize":4624386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa4vb4CRA9TVsSAnZWagAAAYcP/2YFz6dZgQzXewlXlaSI\n5NjRfPD2sZmf6xOhITkc+h1SvyMLyBw9udWKXHlOJYeT6SpPu57IEqJ0fOcB\n/Vn6/4S5DsvhhdjSi3Ub3w8WPGFQmHryMeB55HBs48pNSMvIRtvr2KtKoZ25\nCrSzElJNUzGjmAvs7DOozYkiNhyimRrbJjHnLSbjs+FMTPZoJptDOR1omR2i\naZ0zbRBdAcN3EQbqgD9+Vssw312UiGsUsQRAT79iasZdsVMuh5OWeXW2NEGs\nAzaZpMRizh6YsNJWnc8UqBsZlgDF1iLZUGMlnqe+3tv+F8VQOgNxD0EaBOsd\nwI58v22mUufXTVKlc4n8r3I7o1hKslq5lShf8u1U2njeDnBknggZ/Wrj9W5l\nESuGi4cY8Q0DDRhh8dceNjkcEFBcTehAlCSp1qjBR4oXgcaQfDUlR7bDB08l\niPWdKqsTbzIn9oCxCwSkq2IO985ad4lOuaiq2bqeoYKAMMNGpKnYvics8x7i\n/cRHF+4OC53E+BUPcMefOnwH07kA8e6cDDcax0ULdfZGmRtE30lYosxhGESZ\nMBqg4oTa1mvaIK3MJ6IiOKS47kwSB5NdIQmC7yGeo99N4SmY1KY+pOm3KAXP\nHcECywuusbkt55qYsIZGlvjKqvjkxZpZPZkS54B7nVR9CmKQuDLKuk4sbWjL\nbn1/\r\n=tI9B\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBJwHUIt+Q3cJ58K+OjGd/TgkAbJO0f28nqqwBMRI5RlAiEAqo2QEbLp54CF46ZabtjQ9Qdysqx+4gtFGIjYntz852U="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.93_1524823799829_0.2957618282708667"},"_hasShrinkwrap":false},"0.6.94":{"name":"harbor-ui","version":"0.6.94","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.27","clarity-icons":"^0.10.27","clarity-ui":"^0.10.27","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"0.8.19"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^2.8.22","webdriver-manager":"10.2.5"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"_id":"harbor-ui@0.6.94","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ssr0BiI+ZbsKPQZy9quCoPC9bCxbuIoxoldZ+c9Y2WBfBzOKzxCr1k6YfFU+M9c77O0yD/07oZj5vIpuH7KCsg==","shasum":"20d6847839a61b4d719547b9ab46d0d73a794bf0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.94.tgz","fileCount":1276,"unpackedSize":6647852,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa41DrCRA9TVsSAnZWagAA12MP/A0oZzmOt9EVC2FMB+1M\nv+JsEAFZoSEh93yG6RzLBnGH3KLOM89ZVBuk6eUL2SfqAENexrklQhwEdI0f\nFY7oF/MIkCEAqasRE1T6Dp5bhAXKKmaaSsn/oc20LiJaiXVb8E+i872r4OhQ\nbNksC1cwPs+1/cYn7I4TcpPY7OE+1KdBVYAGkAijhJoAS4uXwUYg6hhuaUCD\nt5tLBUKSzVXuttHwrQUBKDg6a3FGLDAo+c4523tJH3RpKXI5wukiD8bute90\nzfgBcqdsz6x/ALKxE04dhssISHEqaykPJmJboawggwH0RJlqhWvGha/8odKH\nWRgi+pY52z4rZm5ccfm0pganUm1xFcglxucfA3kUg6gcL9JU6VCoyOcgRAyu\n6hELnIDzScL13jhyi1OpP+CuazHgnhLtg/55thOAgMJoG/8b1kywBKiaUEqH\nCHT9tiQWGCzEl0OpP73RNJJBHaPOzIwcfPNoTIM+YEeKJ702YLObYW7ZUIOr\nQiMmJQSwwAv5GbiYpuyMJRUjcb6ystuJXoty5WbKoVhTrubI0JCMkULUB+4i\nG4AFKISzyXan2n1idvTl+SUhrmtq/xWZqLDwzPk6yZiLHNJiQyZ7FFAF33fT\n0ud837rEYjpjTceynKesyABdqs0IVW1+wTWdCknDFmOhMCvt9a0S67zWe1mK\nVNuP\r\n=n9cm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqPhR2PGMgOb2FEfkKQv4r5gqgWE6PB9iq9w3jtJXD0AIgZOPg8IvbCYJuIZPuy0L8WJBLKfwGzQyLqdRrqVx0SHw="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.94_1524846827372_0.69316631306262"},"_hasShrinkwrap":false},"0.7.10":{"name":"harbor-ui","version":"0.7.10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.10","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-QVJcXx3T7u5JjVBEKs1LvUPtvO1kjXoooMJjunYbIwbrX0hvr+pqq7v+V0AVrmDVCxqZO7Y+B+Iy/xo2np2Cfg==","shasum":"9d269d93b96defb3ec6274a160fdeae811c0283c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.10.tgz","fileCount":776,"unpackedSize":4549715,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa41d+CRA9TVsSAnZWagAAIWEP/1Uaf0+pr6oEodDoMMZt\nUJeLhREW/kfNqyWTAB7E9NUhMi0JYxkKCM9t8hHx4A9nR8e7RdE6NDMcAWhL\nH3dT5UcaEPXQadRVExcP6aqtyXrgjIFaMgeiJdHP97o2yyRdZXSKrD7uKY8p\nSWECdWxWN3Jt0lhhpKXGSs62sZvSP7aFcwpG8pW2iTmF+Tfh/VqFMspBX0AY\nlXIVx/9Gs72X61QRkws6v6iGyDnsxK2jGVAgY9mII8rccKCKqLx3ITwHpy6R\nQu4qjWABSnWh/efb6L56MiCaYCjNsCzoBG0F+VfhUkTDhyOIy1Q96wwuzjgp\nLYZy/eyu1qUSLpSUhxw7VncHoxFH1sogRFne4gLcDaUvj0EriwHHoxKRDi6B\nvTPQAVYJMUZCASDemdOBLOHGyuTzAVaRxOEdqE1LIggx3qqS5mK6MYQTTWdM\n6QnLCRELu9cMWbXs62xAMgGjK0OxnmdIdMY8TkrQu3ZZwfyDYmwTBWyLrPIc\nNW5SyMBmCdFhuDv4ndrBfmo1jra2Bkh1tg/H82Fb9LAyVnmJAhDouY9L3lIB\nxvMpSC0qs4k61g7io4NcvD0EGc9Nww1enz6MVPY8mGJkHGYdWGtWzqALLHO5\nvGvuNbPMOlgI/FCEqTMFD6Qm2x3J0sV6zMsWgOVRxXn/FogqrF9WQfwIIL2j\nHyb6\r\n=CbZy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICQIiTCArEXVyJmQj1eTuVYYTjtSKkIJL46h/HVQJ+q0AiBLEWs8PVnmJpHF92EG6GCtqdvS+OvlG/ka7YK0RMyS3A=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.10_1524848510305_0.4353045728971141"},"_hasShrinkwrap":false},"0.6.95":{"name":"harbor-ui","version":"0.6.95","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.95","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-rOBAXHRV45S7lKtDAwj9A97L1GEEcJ2XuMmzGmLv7yuEu6w0FqLT4NsG21a4Gs7oDte7rxIoB/ZOzVm+eqX3Tw==","shasum":"55aa3c34ef5377ac11d6377692a664f748888fae","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.95.tgz","fileCount":776,"unpackedSize":4549894,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa5VOJCRA9TVsSAnZWagAAbnsQAKQKidoxIDytDqr9jmPn\nvG4VIw16A3anz0sNWHOZcRUvg66reOomMNp4btgOYKw0oIOInn2fIqm/6ITy\nN81tngR1xBN6THZEXwgHdIer7WQKhpd/Ky+40RcW1hfPW+AF2jhso1rs3QL4\nPPbZfPoIBWDWJE9U9hYKKRQpqQ0EJVJXFJCMW1mdUEFuAIh+tWI2kKRst3ko\nKlcADLiotTg2MD+UTjQVHctnDf6FDP3VIc7OmYJ1N2Gn+2BKHMp+iaB/yT6u\nnoat1khBbeENAPmI++M+GA31CGEYFay2+DVyV+I86FQwuZsA86eMohwK5tnF\n6hgI+s68+Bd8kvD9RIp3Hdfo1aBd0m5ELloBnqwJqO+NhF7WhsIAC8z3TK5e\nXoXYmtP8RfgaoQpdS9apl93QrrNqmoqoh36zbpgGmdRILNvso4bPyDtwd/9e\nt+WlOCMRn5+xMycR3yeA9Vre45N5E1H0L/+vFSsJdCAj9Q5U9VZDogVV1OA6\nThK8omHIS0KPIMBcoikAGZhY07qOmwV1TuLahbHbhTidBt9kDLaJzRismWHN\nZYypP3odATN2zCcNhKgqoRPGt4Njgv/YiHquUqK2r/aoznNWkwa35rYMsTXY\nbYlYK+nYfpOOUjOOBQ83O1ZQyJS/g4qegxrU6KuVjn5+jQuODomo3FDeK0xs\nzJ/v\r\n=xHkZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMsCkcvUghw4cLuYd5J/eFFRiKW7ZqAHiZKxFADdsnDwIhAIU72c3tMNLRD5fd0qnEDgwYYQIrYFFMtwSQDJIy/JG+"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.95_1524978569252_0.9219481496028228"},"_hasShrinkwrap":false},"0.6.96":{"name":"harbor-ui","version":"0.6.96","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.96","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-eBEetcdmiziLrLvz3XtDx8g6JY6deKSuDKvFERnt4VGZvjqEK54VCNCHQk2fsOqLyIhQXVmyGfdD5wJBJnBK4g==","shasum":"1fcd54f3064cc15c42508176e3713073a09e899b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.96.tgz","fileCount":776,"unpackedSize":4550554,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa5W3iCRA9TVsSAnZWagAAknEQAInbePgQmN1II7pgWfSR\nZDWxnnL896kxZ6IQVff2NcptT3VAuALCdhDmEIMWMjPQg7pil4HKmrwhBRCW\ntuLP9IjpFCTbkPcRvToZunfwD+6EVTgXzVy9iCAY4nChZ1/MLAwNZLgjxVuc\n3cSXWXcY8p7otgH4SEGTjUkF6bI5upd7M+ADMnOKWYyJex1RsM4+gea5Qmit\nB7KwVd7mbmzLRDSHAJgXeNOEXuIyhzNZxIDRCTdGNo5604gBrTedkd2OWRr6\nZs8eRLehymYTLLzP3EqPyYKXQJW3ciaQCDH4d4lXPeQvik0trXzRrtSsY4SK\n1+W7i3Lpv/f+UE3/oEj1xHoo5NOZS2fpqnNvBJzuMVKSd2mWtSdRhzaiCqnA\n71hqRRyXq+EAroh5MwNS6PGC+ZGcn1rwdlo+bUKCD26pMTEWlewnxy06ngg/\nQM3VuJAD7XubD49Q9fnHroLp0R39WqQ5fLczbJx+JFS9rJBxcq6yLsgiczQH\nw+ZQ7Mstn62DhCsWjZFV5oEmf4qtE1wTS+h3ntnP7jfAcARvTQFoUKL014r+\nKMO6Fy+NRa70EJjF7nyMI2bma62h2j5sA+Bs9H1Kuaq1ebQ/VxGrRDtnw1G8\njVkutarBid+6yDIdzndGUTe7DRjFUsCy8XX4kKQD5JRa+RzinHmb5J6lu5Qy\nKhn+\r\n=9PQi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHHPRv5ADxtB5gTGc1SIJDsjPvgmbdgY4II3qU5XaCeMAiAgooLiWrIu52Jz6uTa3xGCFT1OKtGju3gCrT51cAX/FQ=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.96_1524985313687_0.8563770199228535"},"_hasShrinkwrap":false},"0.6.97":{"name":"harbor-ui","version":"0.6.97","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.97","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-h/KLsPGQ5kTwhJEmC3TbQa5dhKxshzGfKOdiwtlj9icBwLHCLIyQFvRKMKovuNY1v/d6W/w1rXIyU6OSWeB8DQ==","shasum":"6bf004aa2a341c9c7c0283e8a0238564c4c51ac1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.97.tgz","fileCount":776,"unpackedSize":4550551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa5XCqCRA9TVsSAnZWagAAL4kP/2HHlH+o1Ar3Qr7vlGim\nAuRZiYrscGouMQ1KCKZlYqTjlbGZyopogFhSyfkWoqPIzZ+gBed5u9NAZ0kB\n4qiFg5FY8Y+vMDRV9QHmUF54WSFAPJlwm4DXyQl3p9hX8GwRV5iN1mT+LrR9\nZ0WrIpQAzb2h0TTcfAs1uHr3yMp5HHEfqNOb+lHuwi0p780E6fr2skeehsgL\ns9nQn135qK3Q6YDIg2+PQojEoWV7GLEriJi47e2mSvnedwYqKv/+oxFXIOtp\nykJCu4Oj4eYEirx0s3jAIN0N8P5M4OHxHIx3xdXR3Yw2q0PpTwjtxlJTd80p\n+MY9ES6K0joHzxvgg8ZMV1QStVvnN50uS260LHXXtCdAm7G6uvWUjmoI1bZL\nFG1hA3qX7dgdnz7f7rxVBk30ow8T1q+EOVcboQrdZ1yjL/xn49noJ/SeYi4Y\nh0RvhCopxTxSb0kNoTEvnnJ2vnMBKjXxRN2eswzXVxrvcWm3jJ2QF0VsWtWH\nYf1n3knDFWgs7Vu68b37H1fjwejYOtJ4hUDOmOlC3gBeZhZCVj/xhZnstIVB\nIvCjUS/M1EFwnmfVHGlwlV2cajKf45kqHXplCu+wVSpw2T4BERw0ZatJ2gu4\n2JFVChq678Tni3ws5RdjzuhK53cvwDNLjsjWhLsebbesomOlgZrPTyASs8Pf\n5tTO\r\n=FWkW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE9z4OCo4a+Hv7yTOBjYXao4xxriVXHXIyoi5eOx+HpfAiAa8mJtqJzBpUI1OxsOdus1isUmacFBbYyb7yEJa+SVBQ=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.97_1524986026278_0.9265475943539943"},"_hasShrinkwrap":false},"0.7.11":{"name":"harbor-ui","version":"0.7.11","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.11","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-s+u0nOUUoN9cgruIIhHHvGsU64P+1vqO9h/MbHgs5PXlNiIgjxs6NgjfcSeLCxrPupGjEpzmFUteztYc9WXLtg==","shasum":"cf80f5111217d9f43a478c860f6fbda130c0b16d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.11.tgz","fileCount":776,"unpackedSize":4550850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa6VqQCRA9TVsSAnZWagAAU08P/i2VqXkPWMFhaT/PFLVJ\n5GrZ2Zu+tpyWrS4kSWCy0OtbpdcTh9e67RY2HKywG6LQ5ndYORvUe1Tbma0v\nRWmy+G8IRBrtQfT2Q1q21ZWC8jnAdeSUCI0b+SF+VZlIswbNMNNaqbGdGyZ3\nBrcNNneRTGcRmKR8LVlYTcyYFo/lBDBxgah0KF9z/vGqbtNXwozmdHxgqmqq\nRGtOF12xoMP8aZv+mgcWRcj9s25TDV+ZmOFz2M6XYi852B1UBNjo12DauO3b\n5GnjVUkaBmMoC1UVwbkKDsgtORqZbgY+l4eK2vWsx5Sdy08KNSYFnlAnlWca\n7Vg2DcYQHIr4YHs0p+pLapLDPx1S9R9yf3pmXZgfYCAK0hAoLgryPAinu1n+\n/kbWrWyMGVCus6/bRXhWOimyZs28rdXnTp6kFbS50kk/mjMxeGbnYVfN0j+Q\nHcF2gu0KutMiE7PocRgf5HGKuwTc+jXgSE0BseGSfuQNpOt86o/ArUfJKlH6\nfd6XFE9ABaP/H2Ba4b5h7brGwjEUUTKX4zPlzVSbzOBb2oh3fvraHSm3+40o\nqAw11BUIY5UBW0s272XadQs7wdNFvI57pM8Zgy0UiPJ/ydHzLRV82AFKkMzE\ng4LH7QFlARTmRx47SIgO/vFEi0XEnh7WdhVzhwEfYXeX3IFw/ypMj5Wj0+3a\nfR3P\r\n=Bt8f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAufZWcZZbrd66DabvOZwoUJtUhWD8LYRvWm+8AG20jRAiAIXa14XT5r1Re1ptZGXBFQa/NZ3FS1E0FvFbZP27iDyg=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.11_1525242512387_0.9317698257842617"},"_hasShrinkwrap":false},"0.7.10-test-1":{"name":"harbor-ui","version":"0.7.10-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.10-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-lj82HREiVs4EDpZIxdR3WZc+OxzPqVqy/5DJLe4tu+RMRGZw7zX6TMCPhF6l48V/EBapnzycPdGb/2TXQdGOIQ==","shasum":"d7a878e44e3ffa45db1bf2f8643c6494523463b0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.10-test-1.tgz","fileCount":776,"unpackedSize":4624598,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa6V/ICRA9TVsSAnZWagAAbk4P/0Kk+gxDOwt1byZWbqCb\n3EvkT4oeVoRhnvZhHG2Ogq6sMLFvhjGNZRib3Di9HjYNzCN2IO19c5zzGbjY\nXeu1ECMyKzA6e9furPPgAmDuwF32CgaxoEWZJQXscbQxRDIW+a6TqooBzd8/\nxLtnzJ6EvoRmgWb7pDUJj3tRfPsOKXk+Zyrb/IrbnpSKlLTsVHrbzHm6mR+F\ns+RzWAw0Jm7dHsm/kWPrmGOuoRLa+m/SQOimF33pDEnyDgiDrEF1S7XLU3q1\nEn7A7XXFJPmmxzlGT+du6vLqm8B4uN1ha9oTiSC6dOvungD+/+0Jl02CyROY\n4n3pGVR5VvyRCpwy1HkBBgq1dEtLgUVqJSzbqgMzmjl79wyapEJoaJ7VZUOD\nxXf24/1mJk6r0pan/Aqt0YLZjn0Hb20UkRtwtzmWBzPeAwT/Lolpk/HT10qc\nU5cni1i7jHbN87S5GKSqBr9vDOEiDiCHOMqpG+eDtcIDdO0Xe1TjUGm6CTfY\nrwDUnEaxoRjHEdx89NSJ7uR8ZOE/TGlCEBgBfHhx3iy3FWUAEVSLQy88i0pv\n1Wlk4TeBhUc4lQfvG9sGOZQe27Ru1qnmhrVcGEOAJg1xtY6Sufb5aZMsd4i1\n927PixtA2ZlTvAciSEBLPcqT8tHsDLBl5W/w8RSj6upNEFyby4ID6i10sSFz\nN6Yq\r\n=k+dY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyEZYoYyvoCOqI2kP+DtPc4jzc3+9mOAS9FZpzdjesZgIhAIl0FaviNSG7aEB1Wgkhm4pjHyX4oanrVmq6hMGdfcuD"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.10-test-1_1525243848179_0.06673126925152273"},"_hasShrinkwrap":false},"0.7.12":{"name":"harbor-ui","version":"0.7.12","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.12","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-SGtow9zIN8kyYbijkSPl6aaK7yHUVWV0Iu/Q1qxJ7uaxOamUW2Z4PQE4hzcPA53JlCabwJcCaoCevUENCeJOAA==","shasum":"f44272fbb97d230c4d18b5260600d9f09568413c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.12.tgz","fileCount":776,"unpackedSize":4624591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa6WmyCRA9TVsSAnZWagAAZ0gQAIQ+3245tn/VPZBC6mff\nOj7e1vwnuJQR07wZLVNI/7756QHuHbZYW2T29kLBVcoI4l6j8b8J15okXAxd\n0wCDgGuHWTy735uMoiilpHzZwnbbx6N687k1cn0nG+nH0eimw8VoQTB66azF\nEgrh4PgQf4NM7lFGyBWbc8swuKgGGL/v76w8MWHAJMaTg3vvcfqLWcmt587J\ni3PMqgR1SWUEgTJxoPClENiROi6dDkhUAmUuUV4WjWpadFGMlmiBo0BKBMSx\nfFnWm3CZQxBgMRIqNS+NifLyoi30uoMqGiOU22yexWDzws9qbWobfULVt+hN\n8MaVb1IQ6rr5G8UkJZCFQHvN/fM/F8zXJfFCdXz+/HBj7BwiAa8M2Rx7ovhi\nbrmzd9h0QCgNp2Hu4W7IjtbhXLYWdWapOLlywr0u3WXQ/Ukv6Ai090h4eAEo\nylUvOCEujf30r2L/MzvJ0QFlnIBRhymuFrlYTSncycw4XLum29WcRbexcIAh\nZcJ4qZQw2FWjoOwEXmrqqiDVbxeEHwrirGrURQARS7Y/t1fm/UbcvyOQe0+X\nnYbgzGLHtx1FUokqhthFv5Q/FFL8YK+xqRMSb6gtPn2J+JYCJSi3XRzDMWwe\n4Olpr5+j43o5a8PF7IAt3XDLucL34bQT7r5UYurIOIdTScYICAQCSTw50Uj/\nBM83\r\n=kS/Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBD2zX9mlu4cY2c2oSjRtNidCdgeG4h9zS5TcCQpjwTaAiA/6KLq8XsC6p2J/w+Gphu9n8neqf7L3ibJbbhS8tTEJw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.12_1525246385574_0.17772455028844858"},"_hasShrinkwrap":false},"0.7.13":{"name":"harbor-ui","version":"0.7.13","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.13","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ynNr6YYaRdQTrYTMJfnhORS+PcCnGynNuvheDvvmGyIbkvza/j1xX58YrjTB1Bm7LS+usat6XIBsdRuDlKm+DQ==","shasum":"265d5fe41c5bc493fe1d40cfe76084d746d168cc","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.13.tgz","fileCount":776,"unpackedSize":4550515,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa6qHFCRA9TVsSAnZWagAA+VUP/RJpemxsqtbhESUcBiQV\n0YRBdQt8cwEqyvPUs4uxJlBXEPAvdC/vZVD3XHkfOIrErLXCQAO3stodHVbD\nFIpilXrdV7P1j+EfU94/HC/8pEC9O09n09fx3A/MP16h5suuV9dTNDJWGMcl\n1FiQ/z8wl3wAgAcvjOtS4N/P79VyhRbs2xzwxJEH3BcQSjQWtYEoYXw7r971\n0OC/6wtFR6UroIsYn/TBbQJlzkEkAB51bPHbwyHgnI7IiOZXcdkydCp2bMDw\nnPPg5D4LMYb34xW80obp1vnkW4pnfnMN1C6jmmnLRBb75JNk9ObtjooVupEn\nQSEIhcLlv8wumzbsNZheRR27/pDWDm5QNKYZMvEw0ltMZJEBm5FnCjCl6/Ok\nzczSFC20oj17LMm14JVYVqgJXORfeNFacDseQf8aPOxxhjF0q3g1TqFXTX6g\n3RzQlW+BMw6znuBmXRXDYSIpuvGyZzqnAbnVKnStZxY1b+ju63lFBlQebCBx\nG3bI7kGfOEFCyDJ8cQ+00wWfEu3KPayKJYHbCgSYO7x9d3ABs8eninFNraki\n8KyA1kcZURiiEyq6qJwxGb0RyV6q67MSl0StTvqPgdZuBhcBOU2gbEvpu1QJ\nm2Jy5LHkyo9H5PFdNaAnWY0oh+kUDvAygSEd/9nodeHXRe3M7d7sttZkA1vp\n/hOP\r\n=JIm9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCKtd7SuPFM+YEpGuva6FT29UNqEmhxltsDwj1k9Z7JAIgOsmwbBhP85vX/wafKmaTgiAL748isAstfOeeRuevBDM="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.13_1525326276419_0.08520100638373829"},"_hasShrinkwrap":false},"0.7.10-test-2":{"name":"harbor-ui","version":"0.7.10-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.10-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-VbmDANwnQDct4D4GcGxNoYOfFS7dWAj3ySTBc23JDN3yQa6vOHz7k01UIcxVLXPPW31+UbRopFX2xXa4EGfcLA==","shasum":"54e4837ec74474842ab19cb326b61445d0ae7762","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.10-test-2.tgz","fileCount":776,"unpackedSize":4625759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa6qysCRA9TVsSAnZWagAAcr0P/j8N0U02rY/m3Yj59Jr2\n2cVuq449NCXzfZ01/ZGTYY2YiFfSmLlhqbZQ2VeeHhW9B6OcixM0LBN1f/EO\nAlWdJ8SklNOysL1wRabzgRwbqCpFHBXVVptyCcs8sTBcrxrAoaJvKydRm+uk\n/4dQ6/KLEgzw2DytNafyS61vcDpyb5fYWnEUG0ZwFpoUspfk/O7cOhSgWCt2\nSl2BBfki2xrm+xPt+8o1lDP2TvqZ9Tp/VKVvY6Dx38bIhu9Oq5ra0AaacgQm\nwLa7v9jb5zt7V1vPOjLlxVN28A0laocv7ATCSAfDoNsl2DEQGsnm1XR7421J\nLe2iL+Jk/X76gabbru0zrx/YPmvQ9UjXVUdbtpz8rAoW3e/8tnVNIflbLoOg\nBsQHrHFGaXiqdZuyuVu51jG4ADM9aTvgAJVwTMJJqp/ND1V1qvbXRsKFgEOQ\nhd3b1RN5M37qWoGNzRaemMZbN1GYvtNIZnSf0dogArl5SHFMEAVQxh8nC7Im\nyUJpJndejanb8Rk3uVEQ91SwgUYPUKAbvzKvM2Cx8we5W+ZeW3XBNpyMyuYo\nPL1Tafeuw8R8EZ2SY0TOH5yLTjo7FYWUjGXlV2u4zgrZpbCOCAaTJm/xvuq2\nPMO117nzmOxNgMX0pOSbYMjRdYWA+ZaMeqJZv2RL2UpwL7hBYLoQ3FWeLOUq\nvXfS\r\n=Rheb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGnW3BB1XQJ8Yp9KCjJhelRaO4tOMNGhn/7CNbfwZAx3AiEAmxYDxyjz8TpEbiCw+dTZBKkDTwT7pSOTZVAUXsIDVZY="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.10-test-2_1525329068460_0.4130644922622204"},"_hasShrinkwrap":false},"0.7.14":{"name":"harbor-ui","version":"0.7.14","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.14","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-xzbeOTMqP05mnvAzgVFoChJRF4wC7IzC2dAVj43SASAbl+9z+zNXASy7hgs2OEQ0mpukftxBn14OuUx5kc5ADg==","shasum":"dd0e0f163a70c6491d7ae48720770b0ba3037bea","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.14.tgz","fileCount":776,"unpackedSize":4625752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa6rO9CRA9TVsSAnZWagAA1dUP/2de+XopFCnOUMzTf7kI\nv19txc4NnJc27zhNDOfqecJb6yxIRmVxerlestU9Q0++6LM8cDs155c/jJcH\nwdJ/8iQPExzifmltkoVZUb4iHM+Qv1kL8Z7goRTTVlPixIT/G7nfNurRtsET\nbm4aJ0Y+jXgEo9LkG2cPjYToV0euOgh43ocXFywvJZsqaq44BjJfOZ6hZGNo\nQTQB05h7GM1MY4rqDq0wEtXbN7sWE5WNpZygfnf8sBhAEsorOqZxIp4EGVuN\ntndbjVbC5qNHZU/lCGy9BLrEmH6kNjOP+bumkH5sMiuRqUzT+oNDfE65PZ8g\n1jTd5krDFYUmzyAz9gy+17XC2dnx8NeVNfk4VJIWoq56xeY14EQkm5hwwt9h\np7O1+0XN0BbYOd8HvO7X1OObgqMosZV00soDFB60AHZxRfY1bm1W+xTzcnSn\n9NpoSRprB1hoo+re1uP1CEW6sl1sr5/jTkgz7Jx86qFhNny6lvjLhXj4H6EW\n+icXs80eyUH4eXw7Yqo7zc3f39t6LzUr54s2mRWRS5TptsJR3Z6TzJJsiDsL\nPxHD5oF9P8KOSI8O26jkxIhCEOjihzBZmBe8WEe7p8N6+ImitGUZ9g2z7ERR\nUH/rw8O+kZ5fUNZvx81yYjoalct5jzHr5nYZL3Od7DPaGPxvSYPP4nMFusEm\n8vbZ\r\n=Xp5W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFmNq3BhbRra18y0IM866GYlSk41yXkHZDPONluN6Mm2AiEA8jtn69HPZ4KQsIf6gpI7/5/8PqV+GRDwkYljZ5cDLuk="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.14_1525330876598_0.24498449133918498"},"_hasShrinkwrap":false},"0.7.15":{"name":"harbor-ui","version":"0.7.15","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.15","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-O5AKTnYy6hNFzw7Q7EjJwT51BqKyIiI5PitV5Kznz/m9qaUAuBDgkqbWkFYUdeiN1UfS7z2VQf5TACNwQWBsZQ==","shasum":"51d883a1213bd5c22dec5ffaf2b370e73d35f140","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.15.tgz","fileCount":776,"unpackedSize":4625419,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa6sMBCRA9TVsSAnZWagAAz7AP/0P3Dt5lCz3KJJWcGFY1\novEjho58z6M1Fxy2UPjFF4VRPklAwzZ0frWvGSesTetY2AonJ83br9kZ6BBX\nC2kCRJcj0U4HQ0SQ0+qn88F0HWY+8zEePTesdoonogxrwPpNqP6wtY4k6hd8\nm/NrjPLRZYcwVy3S/PwI3V8SdOeGE9Om4+uk+dcqKqgx7U65Zh/zqsDrmS3E\ntQkPI/w0NOa2oleaeYrPQ5ymy42mbHJDf1ocraoDYyyAQzk1eBnA43/+0ND6\nDw6cRXmh7VEfyAgEnmgXr/3yWX587BTakHko+SuMHOcMTmyleXvAkki1Pbzu\nUYSVmwubwL28TKlPX1AxcGkc9wzDhPv+kV1dxZWtjq0UbNV3fx57haL+ZVXO\n8jag4KSaNRDggLh4fK6Vv3KpsoyGeytMo0ZRFHmIh2Hb7R7Dxa4DyCMQ9SJH\n+UdTXjMPnYaAbk0evbFG5+4hk9Nqx89DL1vH5RQTyq63kPX89SePGyeeohsQ\nvRKPIjPiiotGwrDpn6CsgjBkUuOZi8DUISsgbb/pKqv2qAwJb6shSYNYNDOH\nX2Qs+BNhwXWK5HYg4dKh0u78u8T1jdacHk50swJKdO2D+pX87l1dtjdPeK8l\nqPnyVSEgFTXD/ueTFJ6lB46vwsxlFFeS+/JDRoRxAH605BM7sEpERh0gaMS9\nVWAF\r\n=wwti\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDoqFMjbVaCbJIyOaD1prP8EXCU8oOiJaZwcxzbRiU34AIgXjyJv7B5f2AlOdxOKWJHzPzy4mXSnkJIJKrXcgsXTX4="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.15_1525334784545_0.6642980776442267"},"_hasShrinkwrap":false},"0.7.13-dev.1":{"name":"harbor-ui","version":"0.7.13-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p ng-package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.27","clarity-icons":"^0.10.27","clarity-ui":"^0.10.27","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"0.8.19"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.7.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^3.3.18","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.13-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-Liv90mWoOmi0lhD+SgApB15GBCt0qmROHqN2piIlyyI4Uo2mouC5OKOrlhA5yDtyyU1zaTf1P9pqyDbjBuFjyA==","shasum":"d0d247c718e8630864e2f7e214dfdd9e5a4b3f82","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.13-dev.1.tgz","fileCount":160,"unpackedSize":19808062,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa7CiUCRA9TVsSAnZWagAAWMoQAIdNF46IVYLx5flSKF7t\n414dyQy8U3QKPZzfXyF0/lUFvxazr/CrtNEpey7ngfwYYVnIJdyJWrFdBLl5\n7JD6/FZR4ghl7sW4leqz9ye0foJsmxeyDG0AZF4gst2U995LZoSZxwso2W49\ntacLHvOs1cEwc263wedZK9x4SwfSkQoWA6wnflossjD+EpjKJh2cRylaum3N\n4KixeUtPEY7jR+8VFBaYQvNAPMiVPTeoLaln/CMHaVdz+VsLgA/K552i21ho\ntXYdUSwbWogLZHjvpRgcu7UgSbsvbKeadhAg18fGyuAUrrFtSP8g68B8te6s\nzN7W7d6O+/H+MPpN3D3ZpcNHn1cxzkp8P46RwSOYo9I4tw68y9FQl8QENtZT\noaNNr2ifCZjqfOPfPQGiOX3z6SIqFjOOXm/92+7LWAx5zW/0iPq6m9m0QgFt\nJYGBmGOhs3IpcnI/ex6bnaZCbYvJtmOceeGxi+JMTB3T+2SJeqg3lvYXc2Sa\ncwZxOaTc9nVGS4osmOz5EUSU6zbQIVzMpaX/D7Zwqz3zfukNjQmFYIYgIkAk\nVhbKpoIXAkxdYhdTW1DWMy6r+L0m4wPW8jhfekwb9b1Omgl5OkVnCjGxviC6\nmjDZCm3h+Jn5G45I1/DMjTjJEF+0c6mFIQCx3zT2to/a1Mgkfnzr1nvyUaIE\nDPbQ\r\n=yLXW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAYnNM5VGzmchY0EvXpVohqltjQzDBDgk1nBeolLdZ7wAiAyhhNxYcB9lLLGmxqyaMinMcRfaeHQUzXRsG2pw9rkDA=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.13-dev.1_1525426323031_0.6308827056959692"},"_hasShrinkwrap":false},"0.7.13-dev.2":{"name":"harbor-ui","version":"0.7.13-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p ng-package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.27","clarity-icons":"^0.10.27","clarity-ui":"^0.10.27","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"0.8.19"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.7.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^3.3.18","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.13-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-2vpfMKzCxsG0EztX5hPsftdXWDtHswhwEpJknnRs7TiwI+bgyWvx43o8B0c/XWTHcjfQzfqB4t45kea2qWVLTA==","shasum":"83f681524f70d57bffc2413014a6afaa7281d3a2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.13-dev.2.tgz","fileCount":160,"unpackedSize":19399262,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa7Cx3CRA9TVsSAnZWagAAwgYP/3K/2q9W/njrSooPe/S4\n3NIjbmhHXsiXSTWxCy5pV8otYWvpzefWNbhaiiZP8IF3gDs7sP7bopyloF24\nBY9XmGugJc/Bu6xrqDyvLHEx4IqtcveamoGsx5MllkPDKyd1VMObEkCuahvg\n4DlZSRyTrHUaSLxq3sH3RcjpRAOqLp2Bv6Zm+I9qrILezXC0uEDR27QqQ/ov\nGPDkuNUUr9TkcT208UoMTeBFu/k8y1cc/d3RJlrDIGJOYJe51ZeOWhyP9ItL\neo/7q6n42sKp+bACWxZ5wyr0lyA+adQdzxWAqg58bAjc8T8P27eYywQGTpQ4\n593fUr4XiIQtq2LhtYPei7IS/MXzmy53VjdSzEyFzEIR99TRSP+Cn1RulazQ\nz3iF0Iw56GDZB0rnZBNOe33uurBxNbQ0PFm2v6SFNg+4ILujH+bLJIp5D232\nPuR/u8muAqF7E1Jxn16cfrkDvz0MLifS0Wlge/UuvSKgSXIq3GBC/V0q09RC\nq9h6z05hT2ZjVUyuBQ7tpyVF55Ih87+xOPbuh4oJitsvuEinI0dLdNJ+d5c3\narlyWyD46heMPrg3sL+vnOlfSPxc8R1n40gpi8LUhDT875neOGL2aieFZz8t\nhgvdoCroinR7zdCMZa99uPZYYkf8+yuPTozO9TITGMSIufZALhMkCsOV+Rjc\nj9xQ\r\n=bexh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAdVpED8xYjjPkZIxI6k7/e6LxcJu2xpVuvbR8KCUylCAiEAxt/xFYtqo9MzSgVcMhhjFLIngSKFwfmDZWVCmycK3oM="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.13-dev.2_1525427319183_0.02048747311895993"},"_hasShrinkwrap":false},"0.7.13-dev.3":{"name":"harbor-ui","version":"0.7.13-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p ng-package.json"},"dependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.27","clarity-icons":"^0.10.27","clarity-ui":"^0.10.27","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"0.8.19"},"devDependencies":{"@angular/cli":"1.4.0","@angular/compiler-cli":"^4.3.0","@types/core-js":"^0.9.41","@types/jasmine":"~2.5.53","@types/node":"~6.0.60","bootstrap":"4.0.0-alpha.5","codelyzer":"~3.1.1","copyfiles":"^1.2.0","enhanced-resolve":"^3.0.0","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-jasmine":"~1.1.0","karma-mocha-reporter":"^2.2.4","karma-remap-istanbul":"^0.2.1","ng-packagr":"^1.7.0","protractor":"^4.0.9","rimraf":"^2.6.1","rollup":"^0.41.6","rollup-plugin-node-resolve":"^3.0.0","ts-node":"~3.2.0","tslint":"~5.7.0","typescript":"~2.3.3","typings":"^1.4.0","uglify-js":"^3.3.18","webdriver-manager":"10.2.5"},"main":"bundles/harbor-ui.umd.js","module":"harbor-ui.es5.js","es2015":"harbor-ui.js","typings":"harbor-ui.d.ts","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","_id":"harbor-ui@0.7.13-dev.3","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-RwxPScd4oEcP+q5XcsoGeIuNLLAFkYKbgF3FLrLvLYlqTSy6+Q0c69P3xKT9zE5z+Bt+86LHRqiD0QgwGRIDbA==","shasum":"1759fca24ef5b192e599fe5f60ba239d0c859817","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.13-dev.3.tgz","fileCount":160,"unpackedSize":19399262,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa7DcICRA9TVsSAnZWagAAUiwQAJnL+IMgsly+KnXizVTs\nYf9AsiTTtHz/VdiscJyHYF6z1+F7qZDMFiKbhz5iCoYO1MxjMaYW+TwH9iQY\nd6WGPkjra10NCfhAyR7w8jmNC+75fGyYV9LCWfQnXUzZw3DX7XOgZ0j4dWqu\nMj6GDJxSifE6Q5HgxtDApCyFUJEkYgBFbN+ElGg5j1MgJSN1UGxn0zH4zHyI\nsovJpDRGBsy2mEQ1vy+Wq5cXP/TYdEIVx2Dk3v8o5U5pSAylZu6knnsLG0ba\nhigzsh3l/rvNW/oUCN3h81GbWVHj7NGLCoS5fRq1pZ8MDmkxGBIX6RE6ixDS\n1R+P4HytqaXTbLSf4Pzrwo1XBiUveqp+dXl+RqePb4WvaA5+DT+z+mjBv15y\nrK6wL/vJ8DdrtohD3ZN5CCuBOBszZNb4luqlNuA/8UJVgZz7qlAJbib2+jjv\n6q+Qj6QJs2Ay6r1nU5qPuLdS3HTnNOkxMtbNFVVLwyCJQUTYsJT9mdB0R8VJ\nlY7M8u7Ku8cEFwtcwrbWvQRlsJg4XpHwvHb2o4eRKu1ZgIwE+XhJkVXhyZ93\np/UapsHEkbexmZ+WB5M+/wm/ds1F5TyLsID24IcYwXZaDi1mq/HqUaW0yBR5\nPfNHy9MNLGwQcScaeF74abmWFH8f02DiJGFbfEFt/Q/cqlpuq3UadTwaAKai\nAu4y\r\n=0oHC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAth+r+h4a5rb5Zt9I57OhK1hHtbicwlUHGilteJZU8+AiEAs2cNQo7gfM/R7kDLsFs/yN58fHJ1D0pcshdOlMapXZc="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.13-dev.3_1525430024134_0.7610318553108981"},"_hasShrinkwrap":false},"0.7.16-dev.0":{"name":"harbor-ui","version":"0.7.16-dev.0","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","scripts":{"start":"ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json","lint":"tslint \"src/**/*.ts\"","test":"ng test --single-run","test:win":"karma start karma.conf.win.js --single-run","pree2e":"webdriver-manager update","e2e":"protractor","cleanup":"rimraf dist","copy":"copyfiles -f README.md LICENSE AUTHORS pkg/package.json dist","transpile":"ngc -p tsconfig.json","package":"rollup -c","minify":"uglifyjs dist/bundles/harborui.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/harborui.umd.min.js","build":"npm run cleanup && npm run transpile && npm run package && npm run minify && npm run copy","build:lib":"ng-packagr -p ng-package.json"},"peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.27","clarity-icons":"^0.10.27","clarity-ui":"^0.10.27","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"0.8.19"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.16-dev.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-+LVhggYyHe7kBGVI3sgD+eJ7VNqSVdxQJwOP8qa6N7iEVTUgyDi9E7/qV8rKFxNcHZEBWqa5Z9tXchesvPtmTA==","shasum":"d077553641a42f04cf9843b265962f76d0e7d054","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.16-dev.0.tgz","fileCount":160,"unpackedSize":19398799,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa7FctCRA9TVsSAnZWagAAxtkP/2t7XrUT1x8INwiVHvyf\nxXxb4beg7AJgNVVbai+vLMjOIYCr17PTUbJdriJkOb6hnPcv28vLnFjMC8co\nQrXDq5PFxXYs92JuE7zPjb7J+xkB9JCop/62Z2QJGeTGF7WLkEGwzjGsdBwN\naHFK/0Jy8bdsnYK/fEZnUTfobUUKjQ7pZZGoqhphCqMNnlNoZFGZNghVXWRy\nQqysms9iwc5Hx82FlexaEsM/qF8O5QLiKI+FAsqb09gxdrVPYphrZN3tC5Xn\nYbj/2UwQwMf68EPmMj2SUh/QOdI5hbw+SuzlHFVt5I1uAmqps+uDGx6vtQqm\nmfe9Tmk33b1jELFUW9fFcMVBAQ7Yp2n0Tvd5bd+OLBKCpiegEBXKnq6ZW3aF\nGohWLjEuUumJmKmve0Fvux2iE/d+Fo4A6jdFe2F0ZQa3BNBqOxQOJMJcp5DD\n/lHjhk3+vwMMiLUKsSHf0p2fVBJR4SdxTJcn/JMUX+7HoSNG4aaGSlc/bwH4\nm8OZO6tHGT1F19gJmwcfVkuAN2h59xKlQn8jlb8kRTM6N9tKaai4ivYgfjga\nZfwX5oGxDOWkrjo1gylLJhNPnctFPbNkSOszBqjDf6zZOSsP9ptFDJ3fNzPL\nQut2YT0DWcPvKQW5TnE9kIjMUGOeZgMJOHa5B3ovcKbnx/KoHJs1e3l72RYD\nzNCe\r\n=lwRW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICf91BvgAJqDA8/suEbEX8p4dNYOh6/qKcaqlyITEoZhAiAT+fIpaBenidgE6Ach4qGgXRDVbFM1YqtVYjUS33INwA=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.16-dev.0_1525438252710_0.037457630271559905"},"_hasShrinkwrap":false},"0.7.16-dev.2":{"name":"harbor-ui","version":"0.7.16-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.27","clarity-icons":"^0.10.27","clarity-ui":"^0.10.27","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"0.8.19"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.16-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-6yVrINUfkMwjRjXLJEN5BUFeRfhSslFLaNWup6bEIwYaq+fFyhj8841rlz86dEoqoNU+Ya+BqMAuo2/snEOvZQ==","shasum":"5a3a3ac099b57d8f8b98e1791944be21fe1ed594","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.16-dev.2.tgz","fileCount":160,"unpackedSize":19406265,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa7GJICRA9TVsSAnZWagAASjsQAKA2H0H0CWRivlkUBxfU\n/N2f6tZVatc9w+Q39yB3flo+ctyMXiYcmbjQqlbp+kJa9zXrkwrt3FbclnYx\nm9V90jtD8VVtStP5clzHyMHTp3RLKgjeLnfc1fh1pDYoAdVZopbq1KRScU70\nVp4FE+kw+y1lFB5QYI53jiEOv1jEjNE1+fVGafdUo+v+70jboMQQOVSqfNsg\nhrljQpwo3m22MQc0tV2k2CLVQz6jZe/15dBIT7ATI4h7h+nlDdPG6Vax72+E\n0J3ZcTycMvX7Rn19XP5huaCvD4lL8APUvPyNuJrDCbFyUFz2qqTE2KhuIJAp\nGWvkjjrJSbHaAD5de4f8EmZllT04S74sPeX1r7+UHYBms4Z4mDwDzZcuC8lB\n3LCx5PFQsYCV62S4e5vPa6mJbLQDgJ3aqT1IdvP7IYR1UJk/HEfsqDhdIUPS\nxBNIrPiPOUf7XCp7Kf5L+tClLZrrRXwyLHtkuN8l4Bte0dPlgrPFobKxtFot\njYm5MkFOqJQoDAbioizNgeXdzs69xpFHmGiG8F9uTGyOJ4+PO26Gr2SRQiNJ\nrvNmmxoLn9dFqB6fBZK0Fg96yQ6mi6R3Rj6D3opklPAGYeICZzwUl8udPTin\nEoRPDBywnzem6ll43m66nBjx/jQ2Kl/VoNYbPMmNnEn/+olbPloyYhUHCOTR\nJb0O\r\n=h+Pg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICABeQPIeqrXBLaNSjtlq9IRsrAM7UkCmGLJsv5zG6pJAiEArb+QG7S/L+G/j9myyrxBj9m5TqDaWqqFFUysMBE9+aQ="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.16-dev.2_1525441095282_0.42486997538916316"},"_hasShrinkwrap":false},"0.7.16-dev.4":{"name":"harbor-ui","version":"0.7.16-dev.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.27","clarity-icons":"^0.10.27","clarity-ui":"^0.10.27","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"0.8.19"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.16-dev.4","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-svh4nEncPH62boClEhOTzZ9DZ3e9W9HqTey9T928ZsFBRn5SkkPbF5dBCi5iYZNW/qsLdQv6CdCrK/jeGLDdiA==","shasum":"b599692c9f44607205675bfdd1b2de1a319d777e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.16-dev.4.tgz","fileCount":158,"unpackedSize":19408681,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa7VnCCRA9TVsSAnZWagAAe0kP/itxR4iUhNlbXRwqj8wQ\nQBXB/SfK3Jx+CdTmM93/UUKON5pF4Oy9h1F6nOT8AOQn3QjkEXOumlU3BWor\nuAtpSCthR08BoUEt/A7k6Yc2miiu5Zdw15W9klqw8MFR/hdlqYCeJHWECeD4\nVxl0sJjNFaAZZf+PfJSeEGYHULGgz4LnyDZzWRX4AiYXpmcLLGPBmUkKvg2S\n7KHxWTXbW9ThYTAq1L0OjnqfoaIIWnHLO9Zemtn6+z35WDX9PBYgpglqfKYN\nDHyVmvX6xr1T4m8gp9OF5nEY8Bq/v13hofLyjtKoyGWJ1qX5gb+efBOQOHMk\nyPFBVGMWTPzLUHhbvF4POjFdbk8X5UfJVwu+kGx8W9w3ttYfjR4PA7qNwFj5\nQzM1SfLfCtnyUkgvM222juvJYOFPbb78IB81zMxbCbHKEYoUGLIQ94mzHk4Z\nS6cN/t4MCOI6zOXFXe3WyGuQJ7Sjn7tAiglkiXUDu7wUEFWkCAYmikijPVmc\nANPhiMXCk5OAR5QfIRI5tO/nWXIDq76wOyDYJGyGmFK7Ry1j0sz2u5YfDE80\nsTQlFyeSlkEvZSXZPy2ebpegTk95HiaR8MDT4HT0VQJolv+OMYHRMk4wYPaq\nBfJmx7kWixhymR0mdC1DToH0q+NaLYwUm8ryUR6YmbxwqVI3n4WbI/g/jY4p\n1rP7\r\n=cNDP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLe5npZttaE85zlRqlPYzdHr+G/SgvJRx2d68Z6TWC4QIhAIuXeCp3MpbazcYq2I5Zm94eo9mCbmaULxNNP9j4DUrb"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.16-dev.4_1525504447568_0.705918382701139"},"_hasShrinkwrap":false},"0.7.13-test-1":{"name":"harbor-ui","version":"0.7.13-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.13-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-5EIoiu05/1KjOGDWeSaI0ek+D3cDBKLCmmvGELVwpKRfJXAvVtqNkLdIgD/ANtl8aemzvnGaOoAKX9lrsbhSow==","shasum":"017caeea664a820eec26723812606d556af21a82","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.13-test-1.tgz","fileCount":776,"unpackedSize":4631668,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa78y3CRA9TVsSAnZWagAA15gQAIXkitnP63bmCGXX9EZn\nN93LQSMEYovO+YSwEvhdsDI/1+bfPCKLmVpYUiKeUuUGPnk8ETeoMwzibfcl\nKPCOYbcjusAo8vrWgPvb9LAEci5My2h3Ngfjo8h94SBt29JQLjhfATqTx0Rb\nyia+/OtpUIF+yuPH4ljpqubdS+GjB19ESxVzqlj3yVST6l2B7q6i2y0UGDBf\nzVa2YWIOuJBNyOrd3lM/oA8+8TIQe1OTZWqRQjhVpQMgBgaThtxQQig01Nbj\nCzg2g8pIU6sVxDrg8mxjvJR21AQXuHiSy+MGnI4lWffNvbCqcMpU6KOnkTT1\ny0yhmj1yREchtdCnMXDSYXYZdRAC50E9i0Xi4PrZR67ddth+sM3a6bT+5saE\nQOTfbXFhC84bShQIm2IVYlDbZgLP1emogUJrqt1tGC7BYT+n0O2wQVL4vN74\njG5q7b633HYR2a9Kglb1oul2+/xg2jM+/08w0OorNwRVbSmjJbt8lKfmyMxq\nKpmMfXBQW6sPlJah+Kdo2uymNiKcLbXFTuyl+Pt1nEQofDX4fxamNfhVn67Y\nQuiWvNO/odfnkq8OEPPPeAkj/4Q9W+tHNXW80J3InIzb6cPGoEXcOW1mqpYt\nVclAFSeCXsUF4B5B1HgCppY8yk8q1dsvRVb1+VETV0wSFf57+ZYBH82hWBCM\nkm1A\r\n=ZFz5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQmd9EMGXlgJxewSqTrvyjpTwvOPHP+WZIe9QdPxOnzgIgXgJj5Px6wU0BQ15NkSOfcrUgoJ/kzhLQKKr2Li8f3NU="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.13-test-1_1525664950603_0.36547607561701434"},"_hasShrinkwrap":false},"0.7.13-test-2":{"name":"harbor-ui","version":"0.7.13-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.13-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-jrY9vH5+l3E2SQd9WbjWKM4hgwkkIkFmUrz89AkY8xnW0rOklOAhf/PA2bsEuoutVcwIpA4R403dPpGyYHXk2A==","shasum":"9e4b2b45f0d30afe061348998e8245993d17aa7e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.13-test-2.tgz","fileCount":776,"unpackedSize":4631668,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa7+F/CRA9TVsSAnZWagAAqBoP/2e9TOBDa01ipcqLBDuK\nmXSypcIjYt/4i0RHzifxydHXxnqdOfbrjzXIoPfGc1f8yf9EN2U62LdmWzd0\ng//asORFr6soqNi1ZWDMEzlhuYvqk9A4xLlVwgpHwAROsylWO2jYjh16I9gN\n5gblOYYM39AWKcdZqZ8BMhP21o2P7h2WqHh7lWu0aD4WDoHLtpHcpQtdT+pm\nq4K1tGgnMI63eZOmr9HcELNvfwaoCZnr8+0MHz/yscUfC6/mpIfFXcfaMHrw\nBxRyX+DEnX/oVH0hRLuYoBPgooCsqghNfPoZvh40z+D+4q01/Y14gRlXdkK3\nu99p1AdnsHOIxfpUkYRCg1WHBfo1N7h8B6et0W1O2FhrGsyxg2+NXPOROM2O\nrhA87oo4nbSkDEjkTw4MrZUg2wWeu30xoSwMplntL6Z3kBRu1fxRQ3ONBfZk\nI1LlzZWW+5MTInJRM7QidAFkQ5iO7jVHC8deFBcBnmYP8Pj/XXwIkTNFZzD8\ns3OIrtcygjy26h0MRDQNuo7NbPXBRg8RcdxhTU8mDF4sZsslYMLM69tKrw4m\nFZ030Zn61nTZUuT1RooavFuseLewRh4OlNfXnrhlc9ROdJoBrTVzZ1wHhH6U\ndyYG5yZQKpb/J4tFRsthUzNkjxbqGhXK7eqKgin814q3DSOAaOcvgj1H0jtD\nE9A1\r\n=lCXX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFzE4qzm/SGNmcP4Wd2JXjzKo72GnFKFw19ftULZbd1gAiB/Hz+v50hj5p8Sl5hLBPjlSp1x/aQRzhLpyQg/4bEZsQ=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.13-test-2_1525670271131_0.0005887949059344422"},"_hasShrinkwrap":false},"0.7.13-test-3":{"name":"harbor-ui","version":"0.7.13-test-3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.13-test-3","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-F/KMstQBFOogPD0tRm4i/6tsBdlgmKNW/YALEGmq3PO7nyMl0dMPdy2NuujmWck7aOLVnzI3W8E1A53iFP15uQ==","shasum":"1c572725f2de5c06d394bd1a9cdddb4867cbb6b3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.13-test-3.tgz","fileCount":776,"unpackedSize":4635473,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa7+JLCRA9TVsSAnZWagAAeO8QAIWfcdjMxxhtqdH03FqY\nKhUR3+dh9aOrzhDQay+2NxawKCIrzFTuOswoOZ8CkAOzhpnXEGOMUMpuuTky\nBco3rlleGPHStc5XPhuxh0IRLhWE3W/HTvRhTBcTt/DzK1rQNOkTHyECtVZI\nGMYEnEyVjgfY3Z95nByZsAeeyMvtmMoVZNcro5YbVP4PFEZdo8bPzNTx/rwC\nD9Is56+rCWW4JbIhUFq1k1H+B0kmkdC1ytywY2+XY/DUboAAyzaasz4IQR7e\nyIJgD7QpTVGNMyxZ1EJuVXLwKayOdQPm/K4lDgfS2izyqpGzxHo7iDfJdans\n4I0u99tNUOfJLFedLixqqM3vpKaZxqjcrSi3NGu53snxKOLXojNpUJkLiYbL\npbY6xkPzzY9EHRI3dJqntq1GGlQdxt2zz5G8qLdWhn5/tzXM7cT6wN+p9Kzb\nCvt9jwt08PEjI6Kl9HZv++Cd8YBFDwOwsUAyufRKkXjko0ABjsIyaXjl3ioW\n9cxIVW4pa2gMBhH98LmDMbo5bNv6EqY/KEGaTe36wBEISVBCGndGPqr7iK92\nQJMDdACwql/uGnBU+nwFx1N89WdOU55TfcVeOBLDux643R/vx+pMvOCzCeLy\no4iceN0nMDzTeNlGkGxp+PdDzJMHbkaFcJid0KZTrr8UCe9vEQxUYJNA9dPA\nP6rU\r\n=f5/n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC8Qt6PdkVI41KqolZ4MYKqYIhymTZpu81r3Wvgeo4d8AiB+t0fxkBsCuWwQEvKMaoLrEbmoXhBz1hULFVOgXdYruQ=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.13-test-3_1525670475342_0.5966647679791877"},"_hasShrinkwrap":false},"0.7.16":{"name":"harbor-ui","version":"0.7.16","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.16","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-NBonVJ0LPjBkpCINS6VcINXQJl6OB3y2lbFJmhJl7/su7xLa/fPElQTtfEVitA2G1tO7sQVRE2jkkWaDYXHiXQ==","shasum":"524e1b61b64ad723050ff373841b8ff2c6308b9d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.16.tgz","fileCount":776,"unpackedSize":4635738,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa7+hyCRA9TVsSAnZWagAAdL0P/1/PxzBnX2oudk6NxtBZ\n1zY9tKIJB9bD6B4AC9SvXV4OvJRrdutTQzKGud62TlJPtvZaFRMS7AKBu5rR\nrP3hIkrF3fxQrNl03OBY20DHVyLiPZSxSOafuMQIUO8voZZpx8ywfreZykCx\nq52ltAlXSC9XOJf6pEm05C0IUgqanuJJI04OLvYc6yBME1sjST2RnCQ9sRG6\nxCj6etqf0RXj5nZ8ZL/jGrD0Tc0zUpFOXTV3elxLSAii2WYsm2JPfAGSu1Uh\nNgeNlMVCw+gKse19VWlgxXMfuwvhhimYQ4En7IHbVVJOZd65VaKmUqqnxT6y\nD8SsggGY6q/y0aWaN7U8we4E66+xyt9qxwsk8d/t5UqQj3GNaJLflFvWVnMR\nLfzLGzhB26mJsPzGuuXBDS6qCctGc+MOVPJ2yPkM+AH7ujX/RB4UlCQnurL1\ngd2vXQIcAR7Z4Yt0NdD6TKGNL3+ljj3BVAxvOb3jqxZpADAqgF/XlrTtFwtV\nD4HD+MqJ6TFiBimnAs1J4crZPffERpM9d1lRvA0sSh1eHq1vMZap3zz/hs9C\nOO2o54ZhGFJki7sExrbvaikN2wOckIpy0zzKQWOas2ZXWCTrN3N2sMEfzSpb\nZvSpbR3VHztc0/km2rhdDESklNvSDMw1i8AvdG73G3Gz6fiDyNSa7HmKqlaU\nc5iV\r\n=gh+m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2kzRsiw6rpZVyojFI2IsuY85+q15vMw/UF4sJk00OTwIgPsNfjkNswk4wPmp3ng4M5rzo/Nzqv/NmF5mJEf3GDjc="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.16_1525672049644_0.9766994789899626"},"_hasShrinkwrap":false},"0.7.13-test-4":{"name":"harbor-ui","version":"0.7.13-test-4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.13-test-4","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-nYytUmDUFfYBTVHyygKwjRxyH2emiILPwvZXYYTgCzHQcSFt1h8p7r2XDT2oZrpqu8OH7IwXyK5zNdfgn2ESJA==","shasum":"f275ebca6d4de2c1fb0c83cf95021b2d2a40864d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.13-test-4.tgz","fileCount":776,"unpackedSize":4637013,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8RcaCRA9TVsSAnZWagAAyjQP/3DCy/N3r9hjNxHB+76V\nWIa2tYPHXuiRXhVX1ZGiU57CJ+iXpTAtGQNvuD56GZnxxC6eZvchr7IdUOOy\nv6CqYeSt54uSpXHxoXZjDRU/5QNkrKOMOXzkPPTiHWG5CjLdpxxkvaP2HGTD\nfxKg9B3Rzn0CAksOqHqM6xoZZwwhXI2NsrCwPlpfTcvQT1OEu6ZI3xfgvRy/\nRWBtrjDjvHGjKzUTY6FdW74/FDI8HeabTUq3zDZ60YIWWBig7Y/aS2GHk5US\nHEOFxoiNkOBfZdisRObMlk9DrnaPHIIPownvPUeGfqLn5uNboqPDrhh39LuW\n3s9nOEo4MVwGe27aBk2jYeUY6uO3M0wl5pXfFi+JaA54X6lUH4p2yKCfJyWL\nmEu2gOo4SjvemU0HmU3nudpNaeP7J2nKJspJd2ui9e11B5VnGuzOfjff8DlJ\nFOq0TZrrlwijqG36y4jJPFuSjGBVKqtKWBXAzUC3rwmBlDluiAcERZnjsCQq\n6QCP44lLKtjNm8RHgA7bPUckWey9bOxyAj4lVbdbb0iVu6kXGMko10iPsa4K\nDichBvJFKsC54yukRmpW+GgWKCTQbG1B8saGVfmwfBOCeJIioRFEUjWh7ajJ\nbts4XkzA2KzaiM2WSHTWyttbI+2XKyvQa3oy6FFiew0tHaGHuYOdhdvzuwxk\nDwyf\r\n=MI9M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9ViTXRW2Wm7rzzQ4SYWcGb6oBTN+kSOk8QM63rg38eQIhAON8ZYnbE/M7MXGXR4bSDreho6d756CauvHm6I+b2ARD"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.13-test-4_1525749530030_0.5461435975798585"},"_hasShrinkwrap":false},"0.7.17":{"name":"harbor-ui","version":"0.7.17","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.17","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-hxz6F6lPipNTLPTx5r17z17ZKJhDuJRSfP5xBd9WizjH9t6hkQKGha6I5OiEnzMAmA7ffGQI2FnVRyvz8fWvVQ==","shasum":"092cf5947aa31ed352bfde7f817a54e26d8fc640","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.17.tgz","fileCount":776,"unpackedSize":4637006,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8R+1CRA9TVsSAnZWagAA0LUP/0b1DeQoC4wnf2QhgG72\nRidApk+3x77C6Ysu/NAXQ2smaJWrwhRJrj/dzZtWxTq/8hvHL+po3GndHG6f\nSmRpyiFtvhFuwePlfkmY1vTPkaPoXPO7PjjBYhCV0/NDex3pqV78bgIyvUSc\nw/whUYZZgczVN0PekXUgcix0/YTGdmxr0GZZaWeTjQHuedUzP9hUwmhaBe8p\n/rL3baODTlzHu0TwZRhloB39AdmkHhrxK1PkJuhe+VBqWgbgvcHoz3SKNe0z\n2l+vqu+J5/905NgHexzYI0/LTALymjOXyQKycUsmh4b4Jdb1eNr4/OIAofuu\n3bsKBHy8BzuxkYf0NymFUc49tJoGUKi7Y213MuGjcgEQFMvpBc/0frPnq4Jr\n5bERusSMHs+7NMeD5YMOe8cu8MKf1sAtIyoFvJoA8ROdiGtfkAmE7V25A0Vw\nKkB8l5YHNbak9hBqtflH8pZVtZBl+mjUdcyfu9TcT+XnX/wlXGgfqntlg3bM\n5ct0TXh9oXMhZ+rfM4WQXxaSF8KTO7jkRlyxRTq7Dc99QlpQXeIlgDnJ61FP\ngJmXL3k38xDmKxOAKjnSoUqLbzJdDP28spTJMXeFZyhFSXxuKz8Bmac27hst\n8HV5oYtKtrERV795plGPXnTVCPLL224tj3aW//Kg49BiOy/ceko2qN2up+KP\nQT7l\r\n=v8bi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHJ3c/ThvZcN5MqoZdHjbcrUy9e7sC8ABUiXsNSpJAxYAiEA4KIj4eFE9KqBiEI+9uuoAeUhkTpBvoIW+vspOHmO6sw="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.17_1525751733327_0.4743847743320544"},"_hasShrinkwrap":false},"0.7.16-dev.7":{"name":"harbor-ui","version":"0.7.16-dev.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.16-dev.7","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-cOQM8MiTkh0OHWDAY6zrP/t/JR+JIgN/Qbnmd1xy3cjE3T7Te5lArVB5bVQPsjE1Sr0zfjERcyXi+eS+v9ushg==","shasum":"5f24d1b8366250d1172912dce1871506534be5a8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.16-dev.7.tgz","fileCount":158,"unpackedSize":19423762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8TTECRA9TVsSAnZWagAAYqIP/3IJs32ShPQE9xPgqOvK\noLyPp9Z+8de1KpoNrskbvukCatmxovxJho1w/RG21nd0v+OyR3Nm7JL2ezCe\nnSFG0fAxPJ4m+1/woRtnAsCM8u2RjomECCw98M4tO+PASBYlP6EIRyRbMwJo\nEgVj4mWBNbSnpBI3rqrnQR11F66AOdgD2AzvCHUjpUMrzYAxr89OeUA+G34G\nbI1RhKsf8pjAulBCChPvO+nDk+r8bGg2IK74oTX7eQhcuazlppkUB+nHnEWK\nrtCfiloJOBQoPymHz4aps15pqOFxpp9qkZrXZQKzys1DMHzxl4qMlff3EH6/\nPcOhiuoqVfhLA9u7E7Km7dZ/ORWh2XsnUbN5UEN8E9iW8DSfVV2abPNzxLyp\nTG/NKmZ+OnGk3XPCDIk5ft1RYwNmphYyRwb7eincvqNalcPW0TxjvQYpyLXS\nrFZy8SgilCHjXCUuA3cS0GQvs7xW/S8G2ZhJQwt6gKAV3gNdn4nFE0QhHrSQ\nkyLsBsCL92Dgzr5gY9JXM3xyQXf4YO0356EwsoCJp5FQ9XS6Fd8rEzbqvL+d\nzVpUbVODU7FlaCFrPTThhnTJas6UXe+rCQzHpRRr7P9WWx29nQeH0/OEPFA0\nVxpsJQtIAS+f1JlIIU9RZ5iK75FdqICHD38umL7+MCyRo2gc0+NCSHDQCzZi\n6nzs\r\n=wOip\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAzxjDGK8cqam5iIjMawpolc68Oqm6JihUERB6rGX3sbAiAW5Vbp3Mlsd468qX5m7tAseoYzLwI8SfXcD5Jaeqnh3g=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.16-dev.7_1525757124071_0.1736315107294495"},"_hasShrinkwrap":false},"0.7.18":{"name":"harbor-ui","version":"0.7.18","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.18","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Q7Tk39/D6A2kQqYTte+bti2ayFhLxZsbSelwm7fuBnkpo23eG+cEHbUUqhmzwxwGZ/Ebnxh9K6mWRKW4T9Fhfg==","shasum":"e15a08560d6d6ae54ecdfeb4e7d6ae7121d628ba","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.18.tgz","fileCount":776,"unpackedSize":4651556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8Va/CRA9TVsSAnZWagAAUkoQAIw310UyjZsgVZQWJWrx\ng38vd22WxMRDmRb3wpYRSmzN6xn2TCZjMcoGW9NmnpfaS4mMWGdbVoTver6e\nmkN1BcPFC8ezRDTas8OT881+IbDih0SHDXLjhNt0Xax+PjpiPiADaE4NboBi\nlcjtdVTI3drZE7VgDOA+rI2IRe/yvYX1ZiJTwdT5w3OXrhpa+qly1TWAtTN6\nNDnScjbO3wTwLO/KoRQrsz6vyNdEydwlGnZdqAtrR6pbCLmXgE+4sJKexnWY\noDUfJvfkANjxob4G2VZkjrvL0453VaJmIFphohbGacZ6CuK1yvjHfxoLFUWT\nXA0WRTsZeDrPD27zxjvCN/ZO7ql3MbcB4Mt7wfRs7ZX3ywkVFA87WM9fphra\nWhJYmG8kMfSSpyzrepCshRbkLYtZTt30dQ7+ZEbLFrL3mmtA/YfgUDa5ZBup\naRw4X5y3e/GLKppZezT3t12OB5MzCLX08kAWua3R43gLuVU9XdaONUNoBY04\n+Gq9RRR7eEf3FUbRqp/JElVTS3wqdpYSx8IB+7RN1G8vE2r1GBUPyrQBFMoV\n4VLG15T+6kfuu+GCtgCcgxqPE90qPSkKmY2ldAx5Vxk0ZTgLKpecWM5HQRMz\nenCiQ7QYfrKCpq0pARwgC4nF6P3ozyp9sZccnieLwJJOOO4mV57r3hsswFB4\nbssd\r\n=SAVT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA54WZisH6F6ThhLxExbyLaPMUtKluLS/EikYM4Q6+0tAiEAw/7m1hzIInBSzEdIryKl2W2arruCwPb6KoTr1WVEFpI="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.18_1525765823051_0.2770010323425347"},"_hasShrinkwrap":false},"0.7.17-dev.1":{"name":"harbor-ui","version":"0.7.17-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.17-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ABnggWV4Oj6q6nhzzufZ+UIor/4neo68bBbPfKKm5XjycPALRhPuM6/MwOfScyiP++FQ9pMlR4oA+ftWDbUGnA==","shasum":"3db0f037f9c6e1ad33eafddcef5543b4cdaed623","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.17-dev.1.tgz","fileCount":158,"unpackedSize":19444290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8Xx4CRA9TVsSAnZWagAAsIsP+QAgILTZcHcmacidcEG0\nodA9Ohr9ZRX2yK3PB1hK0N0+m6gv+OkvBbZAepOaMh/K1/POkwe7CrUaFr3K\n+CruJWZ7ZSAn2qhxTD+rO1sIniMt6It7YdSdtBFAT3MbyVd9Ejv2Is9V9H67\n2EUfeDNEp/mu9gNgE0v+fFhdbfjoXlqQSOcgAahRpmdTsX/B4xhN+C3202RB\ntiAWIuNJg6vGJjgKoM8+lhU9zwU00cSIUmZVxl8QSleBiR6FJLmj6W8R5NGF\nnHjKiLFKivzfNU8l0iRWcljQjjLWvLVuFA752ScbFxwmyLTm1kld7A9ifaND\np0l/ELqXsegG1Vjnpflphv/HV8wOCORSOFGQ0pGQgPwbO5zTYdAdonglrnsw\njyasfh6bAgRM+tAyp7yQvodmypHXWYqpgNC7fZJPyv6XLDOtqOx2uvnFYABW\nu9LfH42fHqlI0ejuyDE9BP7qfD1FWl3MxTRw9esf7NFFazh4f4XhPBByCUF5\nPftiGYF5CiWo2J+iF8XTUhqrlgyxqyvBIGG2Q8DJwV0QAX4a3p5XUkaN0QSI\nya7mpmLA5saEcot3n+eNyI7hPmin8Ul9WERGdmo4D7a27kfQSqxz7uZUyKxM\n/b6aS5sTmsWp0y646ILOPkGKXhzv/wXBVdEAf9F3OklayAfhl12GvFfy0T+f\n9FJt\r\n=4Qyt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDEFKn7O7dUqucvnpAy6SgaRk/jODqMmDB2nOuk9qTO1AIhAL9QyhD5Mwb70e5fG+fRBpU/+pt+LQL3uD5T0uVdKRBM"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.17-dev.1_1525775480266_0.8007974393510344"},"_hasShrinkwrap":false},"0.7.18-dev.1":{"name":"harbor-ui","version":"0.7.18-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.18-dev.1","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-IPt236gObFzQ80w+pqp2VUvPVzpRZJ4uRbGjyv2O/rX2XppxrEm1fo5OgCgPwXqHc3VSaemPchxqOWoaHwbMDw==","shasum":"3ea29f1395b8c0d369dcfea732220812661a1c5f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.18-dev.1.tgz","fileCount":158,"unpackedSize":19456766,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8my8CRA9TVsSAnZWagAApxAP/ArY5AZyczUjMvP9gR/f\nPDUDOdftBtYKiToFk+kBp7oJABaPZYfVrwN19634Cn9BmSpfX7FimhWzw9Wp\naJHCvTAFZ0sh0GfqQB5ZkE4tnC6s6qy57Fde3jZViA58aI2JRrLc6DsjSHYF\n6b0QX/0Nyx5CazdRqi7LpZql7xDxgcDnAQRE/iRFvxN2F3LErJJ+d2koSf++\nCRMgwrTf2CsL2szkGm8/+TxliNVKyLsqGmMqO3QQOqOidiQrCpwXQybVTt9g\nVpnkdXFH605B442LEUu6PZe4u+Ts5ghu93n/463Y8yd22fNR1G+TbvZYrcPA\nOET42UJQkvbKZtsBZH/RgH6YJkNSgfZlENW055aN/kSog433Y0lj30zoKo9T\ny2FJTrr77SrV6zpzcTBsov8ydDr8VPlgpbxoqx14ltPMn3AP0xo3HllizjYn\nN/xOeM088dlPbXT2IpFu4JDz6/FaoRH74Ad7b0h+OhnBUtHoAFIoT69iAuEH\n8aLD+lwd5xGYt2yH3yjEwjHQAcP7OKuWgdGD/0+3hAtZdweNt1zjL35rccJE\nTLxuiL4wpez1rC0IITh9zg/j3gcJjFIfDQVMNSJ7A1qkrG95YQCHHK0vvBfh\nLKWHruGryeYJ1FOLU6j9EEBQstZ/77EzHvo/iH8dg25VFdVjVoRqIF13BA5e\nKKOT\r\n=2gqA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIANhtvs9eBigmoOOBI9dOaC0D9mKfpCaYO7KfaV8SxykAiAagFFs9vL4QltBI3dqWnSgOR1k7B93fsJNZMUqVbLd1Q=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.18-dev.1_1525836986832_0.789445733289895"},"_hasShrinkwrap":false},"0.7.18-dev.2":{"name":"harbor-ui","version":"0.7.18-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.18-dev.2","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-7rUZOcVRHRnNpNgMZyxK6I70Pla1tTp7Coa1kkuZvOfwncgomHGMaJbLvQv9rK4Nzjg/DrMZQljFoMzsi2X3WQ==","shasum":"1a64d90da0c44ac2b0777fbe0b3e0b5077b800d8","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.18-dev.2.tgz","fileCount":109,"unpackedSize":19120681,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8sLyCRA9TVsSAnZWagAAXzkQAIi7EJp7/HkXW7QEaYU3\n5ssVfeMReXYTCs/P9vQaMwMRJ4Gm4syemeGHmRvuVW9/sx/8Dc+zYiweZYmf\nCO12WTVJJtPT/RMXPwXD1xKHWzXy0jt/61R1zoRTbqIQpM1iZgIF2XWL0KmM\nsNqftt5LDxRtKf2rg37GBie3WWE2NHhEx48MZeLymzB5BRLLojHAuXK67sHo\nfeSkoCN4QmYgVrI9yNze5uBflN4CsFjBwsXDJW5W7d4Mq65vtxrbNWvm+ccT\nl/LEuMPewJqnO0QuFh9RWDuRlaJgaIvGCh9AK7FYjVD5nsuDIUpUp5UDuxNX\nkgcIAndaebbF48Qp7yzx/d6X8YaNQfxflmhnB1FQsfE7OgfPLtDUjyAb/r70\nx07okSQd0MF+JzNZRaFGDZwiqtKOEJFDLtbF+DQaw4sg/JPrk8aCzyu2AF5Y\nilQrt/Apc79i6nrDXUwrokQ4tpbwz1h/Mub5cPNPY9TNqRPbFoqdS2xvFKVQ\ntot/HrZuhsMXlupXyhmnhHzp4miEZoJecU/5Caww6uN3TG5Uil4jbLVPqazP\n8l0fjhGOiZSJNFTFzjsJBhuyR10cipY5RtgJQhcBBliUnP/dSVMseTQq6PQy\nHha/yqPI3XPW+qbD2hxb1YG6TsJLbzX+sHutuSfIeLWVoBjlzB5nyPn3LiXa\n8Qg6\r\n=CQSB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE/Z5F7VXVSR9k5rYh33Ix5O268Iheu+c/3Nei9kdE3JAiEA3CkhlK3KTadI3c2oVX2R1PdkrNoO5k3leBOCS3Wvaj4="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.18-dev.2_1525859057578_0.17875556370894063"},"_hasShrinkwrap":false},"0.7.18-dev.3":{"name":"harbor-ui","version":"0.7.18-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.18-dev.3","_npmVersion":"5.8.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-IMMEhLk73Gl4Z8TNdzWx8+jpwGJbmPQS/+uaFrCZdu6J/W0I74uGQMomTk4ucw2NA9Kqoucl8C6OmTeuQs92jw==","shasum":"f4d8f5bc98e702225d6d0c972299e649a226012a","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.18-dev.3.tgz","fileCount":109,"unpackedSize":19120681,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8smmCRA9TVsSAnZWagAAwXgP+gKtjSqiJlXPA7y54yDS\nwkzWskgB9i8gfTHVxlj1D6/hYlplB/foyvICjjxMMRWJk0tBxXxVh0RqIGLN\n/BzXhviSc4k+MsiKXihoC3cjej3LUyheL8sLeYBvt2jKvpSiXiXHHSSViZWT\nhTwZEBW7+aRReeTbmOv5fkC+1HJ+q/zHaapXxRKqixQkj7bBWsVn/bnZmNMK\nfDbwCEyNnUTd1iLcD9IWV3AW15bwTjC+1k2JRynzjUkPDKJEsrYdU/Z85svS\n/6/8Zr3b8By8mK2Qrg7l1LCyEdjZ2Iwjkv/pQ1t+DO/tqJEjNixa6VBB4z3T\n8Cj/ym9Dmg2wfLuU0E0BqopmNXJG2hh/7QykWDUBXQvpdhDxzMTz8y2IPaZF\n1BIFrbLg4k5wNFahOe6SS+ZLPeBVOM/qQAWQi5skEkfavwU7Bik4eOPnY+eE\nqDw6xJT64gSG5xsLOdpH9bxHvYumG7i7m6JuOOr6Koud6NQo/dGJSOEFB6wp\nzqAVDCOKxs4T1lL72YZkdp7RqEeE7EJ3fQvxRUMrAHdaSfj90zTlAZtJh2LG\n6q1SSlMhjrC2eG2Js17Tyj/1RpMYHpBJ8Ki3qaLR2UTCUkvr/AoGXlC/wZnZ\nntaOHRU3qItkeqbAVpBfkcqdKa8qaETYKJOQqVXkptEYkH3W650bqJT+2Usv\n/Oj+\r\n=yH9A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG49vck/llqhbQmLrsVQEEgHBAtd+09xlez2z07bnQUsAiEA2cAA5uqhk3dO2TATsJ3l+b8Y3hBYq3RLB5XnoIukWtc="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.18-dev.3_1525860773722_0.17741287677995365"},"_hasShrinkwrap":false},"0.7.18-dev.4":{"name":"harbor-ui","version":"0.7.18-dev.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.18-dev.4","_npmVersion":"5.8.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-q/G+x9+nzFkTb3K+kG/INRfwpul+udVs5Y8IBtAIZjgvE1snJmroFmJBW6OgzPiEkTwm4Vqa8AywP1opGbe2kA==","shasum":"5ae7038402c3fadd7d315c6ea3977a13a79a00c1","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.18-dev.4.tgz","fileCount":109,"unpackedSize":19182504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8uCXCRA9TVsSAnZWagAA+qYP/jOAO2W29SXZIUiTgtY5\nzbzsemiU3NnfpBmJ1yFPxUb96q+wMCw/vo1lALbODoD07++exJDcq22FnubS\n4f0lFLpaIcgaSY9fbEFHQuHlWoBZuvKuoIxjsEsX1oYSvz8LykJUV0MQv3HH\nAFkkqc5qXckm48nuaVCxSvSdDVcIYl/X4F+cmA541NR0b/WldKMW808S8O7+\nELAej9DGYhbiFC4tY5Iw4G3pODvi1u7GfB6Wbs+HNWtEGxDl2IBZDVrXwvig\nAX9fMzqq5r+aYRcoJDPV0n9iyTzkXA+Gk8s/wpSJ/M2oVhp3xnr6cmN2hkFF\nZ7jyXbn08E8HyE7U+hnztuCfculnJZW/Fb/zl+AEH0lonN6hvS7pJBcw1asq\n9easMt7lpUY2Pr2uR1l5f/r4NInohl/x9v2AkdmPmzIcygYqaEtkEEHnu/hT\nNuHJVYCpkl3pV/i9xd0MujFA18HtSQOEDGKW4FDS6JeNOHYHrPjvJXQJPR64\nkKd0iA6VEjss//L5NM4Mho3vg5CnXoIJ46cBZV8f4uvxV0Oy01LgKF9hnGHQ\nWLDsKVc6HHNsFf99I61BxlgvtArlUoWOV3FGsuPmp53WjCo4xxikkvZvq2pu\nqf8lcjpoSCuMvejWALc9CNDYpueqKWnIYT3lRkFxRzNiHzAjLdiSlS560+l+\n/yFA\r\n=DWct\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB6eQYNqRtOR/64H4EDb9pPbHeH6Gs9HvkTGSQEStP7WAiBS//oc7wQ2wLpAkmMSbPwDTlGIbcRBpAFW7IvDDluNxw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.18-dev.4_1525866647265_0.471548149380715"},"_hasShrinkwrap":false},"0.7.18-dev.5":{"name":"harbor-ui","version":"0.7.18-dev.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.18-dev.5","_npmVersion":"5.8.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-QUk3G8e+2qkr2ZeUpqeeUGt8b8i9DnR9PL1MXP5IQuwKQrvtz+ZDZ5hOViXG1BzCHKIeUCylc/zjaHuF3KRezw==","shasum":"0484d306ee85bda003e102defea019fd69295f9e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.18-dev.5.tgz","fileCount":107,"unpackedSize":19171257,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8uuvCRA9TVsSAnZWagAALbMP/2juMdk2FMFcsbLgtCqR\nOSGjJFChWkKHHrFpCJoffcQufzgrK0pfHiTKYtTGcgifYchWlkReo+IrgvVX\nNs7cZPdOHW+a+LMqQ9BDWjVkm//tRgepyRBBw8P3A8LBYEknyGYrmZpQaXWp\ntfj4QEe48SirZM0ujztWruJPXsJ0h6duz4evbkY65gQNRQ7an9UU0g8sElYT\nXz7mMBQbviR34ZAN6ncD0mxafOCVFW+ca7IKNN3xZyXQ7stNfgfaDDkYXGVX\nShGK2HhW972QHIUloJC2U8CpoOIOxf9+h0XvgbfRtOnmenkwm/3m5mPj2uVY\nfiWOyaDRnlHueRWEQX/G4Dw5fUzg5do0kuqSLv7xFnurHd9y3tUkJKDHdIf+\n3+EhsTZUEw1vsOI10qGbKv8ecMASYuly4/p2eVVspBv9k8xXHV/SUY/pybEX\nnyW72WGrw3U0NcfSBCFDvFhXsYRqrTJbubTomerth7KensCj4GTyh0lfKE52\ngE819dKlX5VxBLLMB9qkRQZc3EtzZeUI9nBRGN504YbIzUc7QL2t1RewhNx2\n8zeM1HhyoQjaY/80zvuNoj9bvv51h6ikE46qRK8e2aHQD+BgB2EODA92Z3rt\nVV4XoA8E//y7yEX8/LAz3SWW/OYM4rH0LeY0OmJeop8YmGIhv6j1Xxwk1R4Z\nyowC\r\n=wzd4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQoU3hTkHT+AY/od+bOmfrdfynkObKtnLLxd2a2h1uWQIgeFUolVMYrCh9vhT07VIN8PzoR8AWwXfN3YIoEFrGoZo="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.18-dev.5_1525869486539_0.38225212415370713"},"_hasShrinkwrap":false},"0.7.18-dev.6":{"name":"harbor-ui","version":"0.7.18-dev.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.18-dev.6","_npmVersion":"5.8.0","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-JvByJMm6uBjAe5kDIrXpoWC70MuHC7k8nv4ei+svWMPWCrNiP2gEEl+yt68EOAjC1sTs9ETEJrBfNxJ8fO3UQg==","shasum":"8d742223ffbb4f6b216306e0c078fa0b801d1705","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.18-dev.6.tgz","fileCount":107,"unpackedSize":19171650,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa9CEmCRA9TVsSAnZWagAAgXIP/Rs4574GrTntiR8dhArq\nZdvU92kxyQkbpmVnQMHI1O4/kOBBoN7J5JjU9Jxhb2ruuTgWruVljfoi1s+K\nTI+efc4x2rdvelTtlQSESfcpiUjbYCHT829GOF4THAS2On39wU3PbZlXr0U3\nke2rcGhd0kuH4IpdYdRrtC9c54YaAWz4e3wiwgbpS4p8mq+L4zUvAwLhHK6j\ntLGRpsofb+ghXF+Mgm7YDxDAXVLsCeOOsP81aikaiomCIn3VT1J2n6S+J3AE\nY0S5oh+JH5OXT6L4EOqH0dZxJF1vjsWyl4tPLwE/StWRxYIQ7+UBe6Lc5Env\nv1SE77p8NVuQxXbEPgzeW2GYPzkQrwPsEnBL6kn3iB7S2J1K1qd2zpiLl2y/\nNuMGNlBQo3JrX7LmYHewl87AGe2za20IRK7qmaE7XcWfyQn69GOfblE2pQJW\nzmNAJiQbaLBlh1Ho7VtiF7vghGSyPdFjsSroCmLkAjMi2nPlDUQ/AMa/cRfW\ntjwEAZshnYdTqlZMsgKUopl7LLduwRTcXP/BYhYUeHnBpzBwhU2Txm3qCBc5\n5mhhiaC19vvgSojkqO4i5oMi9PKAEaSSg66jRP4AfH2zTKVZDbJ4m/RPzMzo\nMwcI+DP4fv5HTZBAh0G0uRe7ypiBFW2pugQqOEk392WZc/oLd8Y5shXWT0yN\nXwZK\r\n=LLOL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC/qUiSiqAG6fSMNXQUTltHGbCaPQ29Hd2weSUT+p86fAiBD6iztXQJc34YN2O0jTuZ/2Y3azHzV5JFfJrfPvJZdBw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.18-dev.6_1525948709839_0.9356303312029011"},"_hasShrinkwrap":false},"0.7.18-dev.7":{"name":"harbor-ui","version":"0.7.18-dev.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.18-dev.7","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-q5qk05DvEyweaP6buKlNZx+/2qZshKQjrhnmCMj9FvNBqgausqP1Pkq+10Uz/mW0OkiEnCVfYDxYI9+dVrDt6g==","shasum":"a4d24ff885ef8db524c89bef1fa56461832d709e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.18-dev.7.tgz","fileCount":107,"unpackedSize":19160795,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+V9bCRA9TVsSAnZWagAATGEQAJjEoINcOQ7jBVtII2Ds\nVlFpwxFY5rS3YrCtAh2PB3vPyW0MzBMEgBWU1+O88aC9RfiTl3S0bOsoQiE/\nonbu44dGrayEUeQ+hIA1cckCA3jHzhC0ZNSTtUnnkbiNpMPEMG5iZ9M1hlqZ\n6UYGy5xphnrMLAfhWrP79ScuIs2WmYbq1xockgaN+HJSvRJE/gwm4TxThZ8W\ncbqKz8R7Q0ArXIn+z9ddty7KbS007rj1Y/XPfqZcl+3JISVC4YFWh9PAdfBa\nm4S+OhFBTmAzwMSUOeUAo7gY1Srj3JsDTdX2RvWXVFFHYjA8+AYpYblWquB7\nTZ4lOBJM+RAsFShLNOXY401VeS6mwXnzeumQl5ooGkasny0249cjeBfNIz6K\n2DdpJRC/180f+6aMHd8sz2ftkULDrPSrpVSorfpJpjsTQQyc791kIrgAEkwG\nWyQTkde1T5uZRxYS9FSnWkD9n0W6XTqQs2hxojN/jLsdY7LrgAdMrDeSCYo3\nl38JA0129u75ziXuRP0L6yzgSKA6kVou9NWrWlHphyxc0dnntvfN2oRMcKUH\nmLddDohpp6opbnRlLXagnsAfUJ08oOxojIsDxhqSJ9mrRL2hKveScxMIjKHr\n6vEdty1ecmwYeNspMCIDybsmn1Xq+sJHDTuQFzT3IeC6ZNl5B+GH9vDHkeeo\nuK3L\r\n=hNgJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAGShH+qXRSw0vfxS8oCJGL6IMkH8erG2RsIRnS9i/H1AiAcXbjGAUDTFL0/nKyZZ7m6+nhZd5d4xmrCX61tAd/x8w=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.18-dev.7_1526292313695_0.15170245545218353"},"_hasShrinkwrap":false},"0.7.18-dev.8":{"name":"harbor-ui","version":"0.7.18-dev.8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.18-dev.8","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-1e3k7+LdOCBu44k3xZL+NHe8lUkKKDIBHladt/SV6JUd+QaGy6yByaodq85NeqO9GKS1CH/O7ZVZb6DhJ2iGRA==","shasum":"0281785265601a5eb5373b85e632d6058795ec1c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.18-dev.8.tgz","fileCount":107,"unpackedSize":19160691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+W57CRA9TVsSAnZWagAAvfQP+wYuCT+FBL4hepBn5QJA\nVXhdUaHyER3NMex4tPMiXQ946hr1PvB95zhXI9K35jBBIPSHo/YVKajKxg3z\nI20/K0cG2ep7WoUPYNsBD+SJRe074Zas7znLB7QROqD0OdFh5RnopcsQBkKH\nxG/Xzobn/BQTzA6gO7+GmU4libqeg7/qDQWb/Ub63cirVs5zqo04ZB7TM1py\nOabBwdazbJD+oGNOxHGd5/WykL8OH+1vUBtbBwEbT9AcB90NB2+WbqldFG4t\ndHU1e1h96ZBHCM0McY/GidJYzzWzF2DIHnoEvbZiriyAxgN0WxEH2mMAwmBT\n7KKH53DFKXuO9rkpqPNocx+78qeQbc41maFa4gH4gx1AhSLYEn3C0m15fJs1\nWp3PeTG+1GG6OD6Srt2QsEpwVprhDrSIdJuNAPNYgXo7pYbHs3XKVNmRuyOV\neY7N+XJ+pZscvK14mBEK91RxQ0HCBc7BxwUYoS7/+nn5j7anq92OEmB4Goc2\n6Yd2p07Yi26L3aiUQ32bz015Utrd0BCrnwwRtrFPew2nMbiPc2v/MswA44+z\nblA0Sjs8IYnMwntqBo/V0dJp4+Qypgb+O5r1x7iWINw19o5fgYwzIgwITIwr\nP3nMyJsBHaY7E+n8pXCGLlbnPiwddz6vwuFLahzv2LczexRxPCrTac7Jrd+I\n/KXf\r\n=5AaH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6xNxvtOu8CrFgvIPg3q/TTfur/O0Jx9o6I+J9Xu2KjAIhAM3mZcYcLxCcav4yYDeqzZjRwpp82DT08XDRqKd0uuZC"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.18-dev.8_1526296186554_0.3752933614317302"},"_hasShrinkwrap":false},"0.7.18-test-1":{"name":"harbor-ui","version":"0.7.18-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.18-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-abGaDR0Ze2RMKSB3PvNGprYjflXlcl5Yd4U9wLnA4iIQOCYzVhzFc1cXywpPXODHGazfjYfNcS9Am3x6/PEoZA==","shasum":"dcfc701b5480eb94398bd54ab98b684a7fed3dd0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.18-test-1.tgz","fileCount":165,"unpackedSize":19716084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+oR9CRA9TVsSAnZWagAA/TkP/2FSfHkqYpF8WvFogpgn\nAbrtPWttKt6k6HkXJlYEqe+14LcWh0TQ/Xz8OqSRdj8Ye6hHl8JxRJkZ/xWK\nHD8466H007+CBd1bbMpOB2qtJ70IBRKnsEsAdBxlF11jObTXGn3Wjp0MlATX\nOOpBGEsWdm2F+cEIZzITJ1Z+OcCrcpU6h7UFQWFsMkmD1eOZ3akAv1QkjtMd\nl+dDyIXGxIAT+S8VKWAN7hMKzFTpamWeU/vjgMbYCA/arYPNqDZksRAt9gYn\nTBGnAb8G+fQtu2yr/ilv1V+mddXqTcSsGDspWi/mxOhKMqoSLvSb1JVQHkQP\nNtzDV4iCRZDwgXrRTTemx2WjS806OgE64bceTrTnuntWz7FBROGYKKkh3C7w\nrvUhQN5BqnybUKx6+SNPaJ7kv/lwVSlDLJ0f6mOWoML7nPG4XUc7f5KxzohB\nPeOJfck/gsLFgKugu1zcfnz53ephS3OsySGJ9ii+biQjiZSDveK5P6yHl3X0\nQXyWvB3lzG3PI6sIUSK4Iay+4qLlDrTame2vMHHy3ITUcDmEKqDKjgkYe5oB\n3M0ssqDOUPEOWZI4dx9BHbA2StNu4Ye1chP3+PlSFkDUdNn+Myd31dmnAXtT\n9Bz/h3mBy9DY5jREayNlrwMlE8N3EzGLkto4RhY/x3dcYm2lHoJxdlNP33NA\nhvnP\r\n=wS/T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFH5FxxzjFX299LtuozHx+Xq+HAxcGmNZz3RbkwY61H8AiEAoVgW/qi58A3gCEFq7oyjdllYJZDsu7/WcAA5kKcIUGs="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.18-test-1_1526367356427_0.07024674888365956"},"_hasShrinkwrap":false},"0.7.19-dev.1":{"name":"harbor-ui","version":"0.7.19-dev.1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-dev.1","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-ZiHEzGyz/IN2soGaT1OWPWjbvc3BvlLvFnHQSi14rZhGW5xJPiCCByS82Elru6ws1EqgeyaVhIaGXCrgKEYY8g==","shasum":"c4f0212534907b75b466fc9476b0accad5e75fcd","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-dev.1.tgz","fileCount":107,"unpackedSize":19161660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+53ZCRA9TVsSAnZWagAADRQP/j/8+wzTZSfZsWMNoQqn\nZkYSLksn0DxzuEfcV+ykH+2soWbiMWs+hpraqD+WlhW+RokrjPMzTG+47D0X\ngCop2adix/GL02VMtNhKkTJwGwtC9/yKD3gOL/op0tNW+wCcg/B1pSu032c9\niiX705pCc98sFKzAfKPUuziGQ2eiGeXBoxAM5K9In2qA8RDYyvd/E1PmBRcv\n1oz1glYFZKIe6bo74JwpD8nksA2p2+538cxkrxAy5NB/HAckx3CNRi305frU\nkJXnf0mmwjEFJNmSEOApEr4K9rSZerXKdBhD2FdQa8VD7nVzETw8FhPLUSpO\nUBz0TSnHkpD5MmNxbOMjeisotuLo01s0LhU6eNzIh8OWetu70fp/gTTFGlUz\n7NzlGMCF/SdoDXJEDjdXGgn+ggz8FVP06usvrpZWnosLv+aNu6vVQijx4KND\nUWGzk22ISQ1hqcKe7e5IR9mw/VIJcDI+lcQtzbDCMVvbN+LhcVO1CIX8GTLg\npXQI67AROk3dXI8wZDpxpSwkeULnfmslLXAHq4+HyZYfVbgvXHfWUcYMPiX0\nFZVRTa5ofqP1CLIal+Pe1WcfT8OZI76JjvIj25Zm+HhBLAfer4Fy4nTUKcYw\nWoz5EVKkB8Oh09QgWpUZOaNDr+HkYjMI1i7UAs3HwFGTdgv4+nSRnc6uOPqR\n+bzg\r\n=n5iV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlt1vzgqUeYCNx32zBNcXdM3FSkA2feCI3nb7CXwUT6QIgC9eEtVEl1cvAMzv7w6i/phzIjYNXYfAy/H3Wih/ppAE="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-dev.1_1526439384891_0.03393760512427968"},"_hasShrinkwrap":false},"0.7.19-dev.2":{"name":"harbor-ui","version":"0.7.19-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-dev.2","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-dDWZ2wyVL/bHc7NimRCXMhtZI4LvP0DxVpPx7NtbWKXH2nc9xKERTY8AKn6+tZtbEfRpIDA5tEbSnBfbcVBHZQ==","shasum":"cfd65663f70d9dc318f4d1213d327a19357345ce","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-dev.2.tgz","fileCount":107,"unpackedSize":19162866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+6X0CRA9TVsSAnZWagAANL8P/23JmjyTiiyBoTL9CqMD\nILetXf6F3Qn+eBOui8G5varxj6sOBOXSwGnp7vk7HuDI+gDhx3uPUPf/QlOy\nu5CUA/j9n+MYz1wgKrSEWYaDywd8dl+BjKmgkETEXRKcXMh8nGrVgUHT+BRH\nQ8L1w9PvZS0OKkLhsHhi6daHLCAICovqcjt7WSPoEYnf3Jo9P1f1FH9A7eiT\nXW/Cx2oRg7VND5r1/SPnnKKHsmk4Rho6wF4DqU50X2gYalhOpY3SKkHEaXIk\nbeS+DDZFqxeocnJWfGVUZr2HKiZu6OaWq0wHpcy6wG9muPYofUrJtXwSbokG\nnubMAVFq7+k9iut+9gxhJunJsOyrBYxKY6YfuaohsMpNKxVbT6Wdy6Pdt46/\nYj3CZRuOEjqBVfwvUYe1vFRv/q5+t8lDGRRT3+LybVQp9i6uGAWQ54751+qB\nJxbwCd/u64EKcZmU5Xoe1Q5gmJ4uPgGvb9ZYhvWSczYCcTyfEJlA+wqSyc/D\nuLCDo3t4d/8iG1VFdrRGvwJqT4NkSxMlITy4OTFHsqbbKM8iUrWqtJ0OAj+v\ngE196oDUpJJKt2VyDfjYM3LrPO+ImNT+th1oS2PmlH28zQDVKiMOjq1guQfu\n95o40pEw3QQfdjmD8I3DHoSsbWwxG2owcDRRAeCFHFYdPfdMiJ2WI64El3Oj\na0fM\r\n=3YAM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCvqZ6k32E+hk8o+X8/GDgJxCe+rT8rx8WCUXR1jcvpAAIgctVzeKYuu/XEJnwDa4dg5F2QNvXr4cyKYoPZ0m4R1Vo="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-dev.2_1526441460205_0.9078705030284546"},"_hasShrinkwrap":false},"0.7.18-test-2":{"name":"harbor-ui","version":"0.7.18-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.18-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-gJgz3iawvUmkJoQ7PL2u/CmhxwN5bhN+tCIaoZNI/uALOx1ZXc4O2dGMMfaAZCKRsFUfOpNrrOGMa4qnSx9SvQ==","shasum":"361856c91c47a881548579804f57c62c3f309239","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.18-test-2.tgz","fileCount":165,"unpackedSize":19718357,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+6blCRA9TVsSAnZWagAAaJYQAIeOhd3da3oiYqJF227+\nZZnkExYrGO/a6IRFCZj5A0IAuyc0nn0NOPoK8R0x3gUmbU7DFkPE+6lUxZiJ\nu7B6wVLdqOoV3BPD7muJ9CPVFRyWC1NUqQKcgXZQCrfq0s9sbS+QVw3It2Il\ncCxa20ktNT5Se7tM2dD4pzmMQPQ4vo6LWUI7vxVlpg9KyeQghqP/b8Bd1znP\nPQez79jDZqERRStg3iUfuD6t7FjhyNGOBEdT9orbu9EEnPUkBpOmKqZJQjE7\nnBgfdjQqsSOL2i1wKngFhfaepnI2j6PiTj2g6WZ2yotl0N1fqUKsjK0oXMfv\nUz40+0zRO+CkktLMP/zyJ5xj4bo2XxvSWJl/uLqmEw87/86jsC5Azmtmi78O\n5Bsw96f/xdEMFzGZKeM2EyMwFa7vanL+4qX4k0Eg5qWN7th7yHOI6WInIPlN\nBH/mERVIz36CA1s6IhLJY98xjMDO3Q4XcIhdFCrG/uykLiiTw0dk174qDaXS\nZchOKlrW0yzLaolHUQicx4vS3N43U7NRWRnu5Lzkh6HG0uGXKNRB16BvLxi6\nYOEwVxhXzLy2HwAg5+pml/2tlYwrIIxggF9Ts5+SQpxYFy7u90hykMU1Cey8\n/kt68KsR/K4wjZnh4oUkOk8QsxEywIb02lOLnHT0GuCh/gFQ7TqB9Et61XRF\n+RsU\r\n=7iyb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHuIl5Q1w4TOjpbGb77xsNqE/zZUkJiVOJa2kXO45QP6AiEAobhF2Re9OafGKe+8qLqWqbyIDhbFtVju6hGMNChk9TY="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.18-test-2_1526441701165_0.7593004553609877"},"_hasShrinkwrap":false},"0.7.19-dev.3":{"name":"harbor-ui","version":"0.7.19-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-dev.3","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-rqQlrUibLoskU8iisYqrAmtf9XzMZQ0bNj5cqX+6nJuP6OiQ8HrIvWr6FtfN+7CIJDYTRKYC8ch7spHvMSx8rw==","shasum":"ba26823eeee696de3d62f407c55f66c98d6da0a2","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-dev.3.tgz","fileCount":107,"unpackedSize":19162866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+8iQCRA9TVsSAnZWagAAQp8QAI3ri7UOrisAcH3IzpP7\nw9u+ZQIYndY9UOCV5rXScGIfl/isDForBadPaEaQMRehZ+R9TwAYnvCVbmam\nn+271lUQwX9FEdIZD/07VZvyUlVAvswsP1jgo3xJj9fwqDm8LLkh/Zszl5Uy\n8/G80XfEF7YXup4o7zr2jSPjAQUvwdQClfBdrpVDN2jok9MbKFUA7Rb0RMzK\nMh0+QX1lL2vq++3MS7NNHwG21ZoEHJnZbFwwVRtoxdjvIQb19vmTpi9zZY+X\nNjeXJq3s8ipHvSV90imED956P2qUZZLepJFSr6M4NaknWpUIX+FJzVe6tTjY\nJGEeq77cWEQXdwCjtU6cyrtuvMRtW3NfpX2EIEjLFCasOSErVHMD2AzbiOYy\niXt9aijQvpDoVvkGWnYvqg+ypkNAywRjRccMeGRHeshsmZusYstwC/OoTSfe\ni1G78PE6J/G8CclFpkVGlCG38HRTDkZnpmYEf3cJSR0FVJaUKO5n5ppXMO6Q\nF8oYFGR9YRxW8T2Kx82nJN2eGY6ucgjNTchBd+aN/j9O97T3P+IcbhhKjHKH\n5ONNxRzhqYbKwn9zzwLM1fZI5+PBhGhaLls1zMbMbB93kuk8K1EDxIwteRNK\nPHxOWSJRDpmAUcbC7LnJD1f6uq58ikGxCtLebXB25nnbvch4kv86sk5NJ564\np1wL\r\n=Ct1C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBp20bWLCskTtRoD9kdpTYuvykIprgaWE2EfGQ/lFhw0AiEAxQCvuyANUnKTqpg/9j9RjONGJt4OViC7n/1aprltd3Q="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-dev.3_1526450319763_0.808059602102577"},"_hasShrinkwrap":false},"0.7.18-test-3":{"name":"harbor-ui","version":"0.7.18-test-3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.18-test-3","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-6C+IhQ8S8JAcrG/7ZnXScvcwjN/KsdJ+UbAgZEYt5OCsRykCoT4oyg+va7Q7SEs2+qhDs5K6FkK5cC1B3JBtqA==","shasum":"52cf17d06b3ccf6c8e68a13fafbd464ecfc0a6dd","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.18-test-3.tgz","fileCount":165,"unpackedSize":19711421,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+9jPCRA9TVsSAnZWagAA3eEP/A7gycBeKj/4YG0eqjx8\niWSW7TOfs7eqiZBIC0c8LkFQS08cMGiuRFE9MqfXmAEsLvv8LAJM6nO5YRtP\ns4aONe0I7QtuqvuwIY7twVo8YNfEofqdViP4rN8zoZb4tZZeZ294K1ouDEjo\nijzCJcl1fHI0c4ml23VnaxS6m0R5uxyrNO3cjDMqsMF03MJhtozEnqj4aZ2l\nQlfgWJj8/TnT8I7S8d0Ik9D1wysDqk/CkH1C5EZKyIMNMsA77JqcoJKMfPqz\nLdKUwBomMA385gxF/JXQDE050p4klwed4y/KXDL/WGiOpWTeOHZ1+B81f3Cs\nu94G/P4uvSdO8NYQOpxeMu7aOBerTv49M+f7E5x9aSlBxNtRUyfUS45ANd6L\nUVbDfJutiKJcH+8fjgRvov0WP/PxMCrR1MRXifUbgO9yQoah6U/gra5ix1PQ\nttTZvf0kiWr94i3L03rnfUP0deDu1GRrU4+41ryNQV1JyiufAIXftuQEptV/\nIAaZlRaTFvprf/C2bE0aCHp88QhiJUd5F5QpkUaEnTSdyf1WQYOMZmYfwosC\npeJyqKykHvOyMmOT0/Iqpz1yxtIeYxwZOinbdbJ+wodzDmeAzyR7/AfGESTc\nfHRHSlWYtgX7rA3mh3KCM9NGIP/QwtQwL3zdEKy/MBdk2+z3jjIjV/NWsfca\naelx\r\n=OSY7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCr2Sd7LPk5WpmKpAs5R7eqt40MmHqevkkgLeejRcyv+wIgWLLc6CZxYVNdkQQEdpv81YjTrgJhuyqpwpgtq97/m+M="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.18-test-3_1526454478114_0.9053347468070054"},"_hasShrinkwrap":false},"0.7.18-test-4":{"name":"harbor-ui","version":"0.7.18-test-4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.18-test-4","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-CW0LS+4ak3nFQbeQs9qt8BJer0vIqr28Cqe69uE3pnX9WjVGO9ayWPxNEGe7g3rwvEtp5lB/gwkdtKjIiZ/xiQ==","shasum":"ab0a4e4eb9e3df3fb75514051396be5c69b9b3df","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.18-test-4.tgz","fileCount":165,"unpackedSize":19711421,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+9rECRA9TVsSAnZWagAAkRMP/iOp7glLmeDqWhAZalup\nrl3CagFnN7PaSi3Ea21u/WrI/uXHBBvHpw/Q5cC4v7zeRAD+IOCMJipXD7WE\nWWmTkQITNVdmh/bJ3RMdCPNA2PP7JRsrLOonkPnj8DPdITTds1JkY1MFDzQv\n2IOuboIgiWsXNG1TnNjQ2bZG5YKQHuHCLCllPA9JEpFvSuEW7vPsr9d9gU0S\n0szdK/m2m74A4WQwLks0+OwvdRql6TykQG9ijAN5Wv0ThcSXMxD/KRvn4N/Q\nKsmmyi1KpyJiuwrEorAb7+6DpN9IoDXHlofc8jOSOlee8jQ9ujMjn5jNswg9\nQxzZC8d0FUQnkxXiOdGcKXHaDwzDk0dpQd456trnUoM5STB1pavcMhJJwAm1\nBiaVeDSuWZqws/j83PVe1jn6I1UNS7Z2LkI0uvnymytzQWoTKS/8FXZQl6a7\nCgIiJDL1/BZa8IlvwyybMlYJe8NF4EN5948A04Rijm1T41JjHmUIuVlIzUPt\nutJzOfvJd7Y59DYQbpIFA2Qbd2Abj1ut01IcfZE+D867rQSDARbIroV7uVUo\nHfPH3j34n9wnyRxTSPSXxPaH1WUykb4QrbzlvboS074HXeIiidiHom0YZoO2\n72ifZgRIOj1h2y4Jv/NCMQdS7UKZGGjl5nTX/ZQZVwB3Gg5OAZcT4S3pISQe\ndgau\r\n=nb3Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAGxfid4prEp4Lw1Zy0xpsKI8duJUXmDZPurtwcMhJX/AiBQn4GxCz+aPCsWX2Nucw3TFpBXo9Sy4J1qtq1359bo+g=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.18-test-4_1526454979556_0.11963408649411433"},"_hasShrinkwrap":false},"0.7.19-dev.4":{"name":"harbor-ui","version":"0.7.19-dev.4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-dev.4","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-lQydjBvP0dqUjCGwOsePzEaVWhlt2MGWx7Z4xUG/wcl+35sI24xmWwpzJW/MLWtFYglpUrcHPquOlsAHwFztZQ==","shasum":"97f453d01d005f99eb8fc69fec310fb4bdd1204e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-dev.4.tgz","fileCount":107,"unpackedSize":19169428,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa++hcCRA9TVsSAnZWagAAZkkP/iQZpi7sMBvTjDPqL2XW\nlhvY8A29YQuwhvSSfls7QRgVzp6LoKADeW2wOdDIvIJMn61QyDhdy0x7qEC4\nB/MrBJtipn9QY2BPjDmKRTYhkbhP9BN0Gri8pygpsCkCaAmy2BIJRccIm6Cy\n2htjuEpHw4THPPPV8pTsuQJVkI/YSPKrJGTt6qIR8yDyYFqmmRkKhwajpcvA\nmM+6JqsZDa4ocr5yNs89s+BfGva/He9CPD8efotEZTrZ+rPFu3KM9HvvEgtP\nhnPgKB30mdzhZj6d5gAOtOpu2CdV5a08CNBMNE1fEyIEHTbp1peyyQwvVZ//\nZtFV6oJixhIOVh1YjloOMymDEqZ3V/6l2i/Wd0iCv1YtdUEMjY5jIuorh4bb\nc6Ao7/VIpChhWG9lC5Ga12uzPssxPPi8xNVnQc+zDIEUuQbMQCVfbrc6wqeb\npTbmkk9kQ05bdsXl84dQDk0mhj0iMeT3hPBcmtnf/KbNf82UV6rKwk29N6bc\nKBaoa80w3m2FklKMHjjibKuHkkG9294Z3PjshPK3LqTioioohdKq0ptu9AQQ\neWqGr1OpsP8qj7HFWfZ6NqiJlVKlvdAxf00rYkrZaO1+wjQpv5RydNcOgGY3\nuRPdllg6inW63JGGyCGojy05S99eaapVneeyf2CtXrgp7xFqLvgUSV+sh1rG\nvhK9\r\n=uVUV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFP+F1qOb8q6jNLIM1gayJ9dT+xI0UI+IiJKsP+5Gn1VAiEAoDjSGab2v2/Ao7yrnzADZ/EXBJRXt0hiS4UcMpnjJNk="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-dev.4_1526458459643_0.9095068470493572"},"_hasShrinkwrap":false},"0.6.98-dev.2":{"name":"harbor-ui","version":"0.6.98-dev.2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.98-dev.2","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-isL29jMZhph8Ix4hahGkBOucqG0f3b3M42oL60lPcNdCrzLk6mDQWfPgAVfT8KPjok9VPCrQL3re3jLQ8ARIMA==","shasum":"7775894c50babf3284a670c98d064e158e3c4a5b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.98-dev.2.tgz","fileCount":776,"unpackedSize":4554102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+/HqCRA9TVsSAnZWagAAH90P/Re+CFXx38YCBFGMe97E\n7aeCIWNCdw3eFpOAj3xeUEZL4eEquQplvej6wIOPeUgmqY9SEF4SMW5fPWTi\ncYgC8pKiWC7WNidh91L8ATp5zm81c1PdeNNliziWIAAEwdGLene2qabyfHBj\noWbRMkMc8fJrSZlC/kVA3iqJK1R87saPHOznuM7pPiyWTWVv4Tvq8bybcOCZ\nRARVxP6/rr8cQDASkdJHUqOlEBXlyWpG6mLFstFKpbZFIcki7J8DetEtINtk\nvi2ByEOT0SnJ7jfnmJjtXmRaTUwkfVm/hUuDlCFB6JHu1FDZv5pSQ/noIolE\nwd5A0ga7UztNIbF29Os6582P1Ry6YdginauP+rvYOm19sH5NS/dVJFcPXEge\n1ZsX5PrIOmhHAHhFaaBipGCGyuHLz26H+0DwMTD2WtKmzMD9Q3y+z1cACKEZ\n7qhGigzIt4715Dkz6UN5QL4qrRqzIpQvRBbJ5aUBzT+SZ+8Fp16rXMVJfjsY\nrP/lhj6pvA3xvONmXpWrH/mRrEjTrSR+usY/f7cLvVGj0TBMYQlefJTEk6T8\nLEkyKtUC3aeNUjBJ1aOBFgIdFgvZc/Jp1bMPGXMVSSoKmLX+2D8t+l92WXW+\nQ+imQbjT6VXZkuBGrvSSPLebSA4t2+vfiB7QV80IiOoOafDHe1aefxP7HJjz\n1AtC\r\n=yDxQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICmIZWONfoEZ6az233KozZfuAtQO/EH9joaxj9UakfrMAiEAiOWOPamIyD1mWQzikms79zqf01NLCc/uJGQljJxwf78="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.98-dev.2_1526460906268_0.8079873025766484"},"_hasShrinkwrap":false},"0.6.98-dev.3":{"name":"harbor-ui","version":"0.6.98-dev.3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.98-dev.3","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-hUbhcwibQOSWzJgbAxj4T8+NSzoWPBxXcETYCRt9sS5WN/yPSeRgwZHN2OAjjQ7ziy5bDC0EmvB0Il73f8NY7A==","shasum":"950f27510b2eb7ad3b9e294c5274f9b8597cfa54","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.98-dev.3.tgz","fileCount":776,"unpackedSize":4554506,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+/UeCRA9TVsSAnZWagAA1N0P/2ANFZrPLPa+olo6wVNf\nxGJELQTBCAK8DwTqcEgBqS6RyLlLD+78EDUn2G2mIT0+wpeu3uuzCY1qI4U5\nBGSLAcqKGa7jyAUk/2VmknkX4boFteCZJfUNiVwqqtQUZMno3BiJEFhP2h/W\nZ9wqHGc2gwzhaMG61Okx/jldsHaW3lK0SV1ica7btOHtxrz5hgljgJzHQP55\nkVyVYs9Owp3m8oKyCpXFOAXqMsFGB5YzdfEmYjxHfkdgNDvPr8Aald/UQlf/\niebu7yN2lZoqwRZZYJSEdTnLF+e8TAR0OaW+28OKHKXUNxqAIGvllx2dI/Yy\n/8dCzJVG2nR3Xgqisfb3qnj6Vi8Ut9YuKNyekCbL/t09IfJQlBJ0TehsrtcD\nG9CtSHvLT3c2wWPMVD9XDmPokvcY+bCQsHX3ENETwN8h+PsC8WbFogjAVkvX\njyZ/Hih9RoMCAIhNXtYOmYr/I88Yb96gxSkv8++rvPCItZdXJbLnbnBb1Vb7\nL6pOIR/iF1T89pJpWN0di8xQAAfWLk4xJePU6DCwCiE0FhF9z8EKXdPyXtGb\nr+jY3K2wt0OAbobRq7hTqf7i0IOL0PqsEkYK1OHpPuDM51baKuBil5xonHbD\nvkZAlm0spHt4F4GBmXHVEwJIRTVZCCnVbXzZC+DDXSnX2AkCwhL8UCJwyDdK\nMF9s\r\n=W9En\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjVdXvVGv938p/78amtUl4sSg7jBEDUK6MwUeFvkzedQIhAPTE5oFO/b2ykhy5LOL+URIwpTzbGCPIAHei53cZ5C6E"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.98-dev.3_1526461725722_0.5310774692243518"},"_hasShrinkwrap":false},"0.6.98":{"name":"harbor-ui","version":"0.6.98","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.98","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-O55DNhCnr9VWHbjpG+ybUsKGRlBi7qNc+azWwr8B5d/B0I/lXPgtx2KkZNwqgt+W8XXcZ8uoKl3CXZMmHs7VYQ==","shasum":"489dd1acd0aac8649eefda61298e44d46b3136f4","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.98.tgz","fileCount":776,"unpackedSize":4554097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+/hECRA9TVsSAnZWagAAxkMQAKM8yXWIsxx5ygMU5r/6\nJM1R/kcbF0EFzTWhpLCyQJswyJLuP4B9+sYHx1YXZlUBhxb/8OpDBrq4rgac\n2Qa0yi35rxE5uuP7Yr9XTJqs4Yle8YhRWtCjcSmRZVDGyBFu8no0xnaRnlsV\nXU5JL+eYqFYEtlNUkWpOEFPyQjGTj78oXLDi0NMgmTYtpmyoT8jHdAXr9lHg\nCL3THfOihJM5Ko4E/lBbGLvTvEyJOsNsYh8sxiVwgVO+gW8wZKoAI8twD5EZ\nuqJ9nWHdgzW8SC95WAbQ6SnFNy+q9Qz7G6UdNnvAPvulDTNZKyitQcXrKAdL\nK5l8WeSVGmP20+GVBGtQMjYkVnMZBHfZak4Mh+nXN0KQyCsPbFpIvjMgWu3O\nJIluweYd8uLC63ocWTUykXQReMMpB3cWZzX1pTjKSOlWOTrb6UMW6emq4S4H\nK1gy/K1tNK08eQialaj67Rrs7JLaAKXVossf5buGo6t8zVHiPi7uGeOChyAI\nBM5EAoC1q1uRTyICBZ0anj6oggHmQ33FrI4wu7ifRktbAO3YIO5FhN8KL/rq\nzzUFJz8wUzysF8zai50fQSUVGmoy5BzipHGjwEuO47oBpO0s0p2KJc6OcCPM\nj4S4YonL810ua9BynQaT+Akfv0oZo9GtZDb555vUPMcrwWNSfkbu1nzEkajg\nguP2\r\n=pibx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD0bhdD7GmE/t5R/2+G76t5jTHIWQmyZUXJhtjwMiFCXwIgHr+JJuR6O7xwrWa6oQ2KP3MzcRsC/m8psyyegtx/glc="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.98_1526462531983_0.50353774462247"},"_hasShrinkwrap":false},"0.7.19-dev.5":{"name":"harbor-ui","version":"0.7.19-dev.5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-dev.5","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-6Qy6Zr1OHbhg7F2xymvd7Pb/FFczmV+uKGMnB52mFl+DbTpWSKnuzVUni7WMjeBeJlo2J21H1YB9iNsTbuxStA==","shasum":"607b4b80124494e4d3e324a2170c00038bfbe166","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-dev.5.tgz","fileCount":107,"unpackedSize":19168318,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+/plCRA9TVsSAnZWagAA7E0QAIb/4z803iAavGC0rey8\nWYom282rzQg/wT23lxm6ZtPq92H2dQVfhS8mK965dYnhk5R5x8/7lwTM82hy\nHu8ExRYo3duKGfgIgN6dNNdzuexyE9+YTwSm4O7tgo2/vaNKvrdrk+X55dml\nFDVnn9wBaC4lYANUAo+Tc6gs/AFewWpUM0E4NVyJxQDTXcMDskBaETYMMKkJ\nAS+7jK+YmKhn5hQBGZ71JxsIJtwnxsqs/0mhXQZ4LmpopPI8IW5G+ckK1vgz\nZWgQYMcR3vAUFVJecgHqsl8tGM02Or93/oKq1RheHbLQJ9kKDEKgiaM+l4Zf\nKtwXFWKO1Ybs55SZtJZBLf8TmEeP+KhOs6vE8tBmDECFixbfbmsxxK7It95h\n8c1PsVgroX6dGjfnCAs3KtuQxlDJay3TtIS/Q3ASKb8zO80UrGFa+bX10qOj\nG7YKLDSDxun5udTQsCqj5jIAgcU7+ljE9LnM4wOTGMvd/wwALJCJmrK9UQi3\nYrbkBJTfQ9SV8+IE2ntvEOEyncrE1lNxGy8Ai84uNwCHYMM2hESMmYaYwwlN\n6WSqC8x0rmW0r0vI0YYGFXqIjItf3IJ1e0bna119qgQ1WIjWZqDkn2bcEgGD\niwDjG2dJ/RMz2w9cIiKVR3xY7xW299sUa/HzcsKOGSObvudFmpgF1uqohpU1\n7gJo\r\n=m1ty\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDio5MukCCcXOmaLnZ88LiJCqkh4JBZ+floq8OrifjPuAIgIshXY6/+ERwRPhQVAc2riANZxA7/FjvI6giyCvpmPYI="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-dev.5_1526463077096_0.34328690065457157"},"_hasShrinkwrap":false},"0.7.19-dev.6":{"name":"harbor-ui","version":"0.7.19-dev.6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-dev.6","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-aQM9dj+TARC281+wiFRF/gZyAl3ScuFkTRZHmw/xoZp0v9pOw5u59Q0dQXg4nMa72llRgC+drCtupmkWLwDMOQ==","shasum":"1c85224ab6a0080ef72aa6fa700b1d8fc486de11","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-dev.6.tgz","fileCount":107,"unpackedSize":19160191,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa/BMQCRA9TVsSAnZWagAAjc4P/i57ZyiWNNM+vpqOrEIF\nmqT6rRkMIL9h+BZOVVuF3HdHeHidRmtOS2cWbyD9tI0ZhOiinfpwKCv44bs3\n0R6epQUEhaC/NCBJf7BKo3REuQt67TjAoIzGgl+zucqLLGYJGjWjuG9KPy6s\nbSsfFQlu/du/54NbeWZyrojsCEXdvA0MQirU4U+gklRtBAWyFFIVzuwDxnXx\nvu3qvPHT+K3kYCoebHe61L5iDpqvz9SVk5/k6ujNfkyEOhLjFSFk5KaX55L5\nGtTzXxZy0XXTt5rjx6Qt+RtcXchURx946lL8WXEOJUFYaya9yukDipWbF6GM\nb6MID8BPFQA3DlNlkCDyp4we26wM6S2jXTC/eQfmk4K410o+S12cr4PYRU8C\nfGunCJT822UslnmQmcpDD298eHJ9MNdOsAJ1Rq6EJi1W7JHJ1SgZ0VZOt5l6\nVd5HjTfs2XAGmzwFktADCwfl2yBzb23SKPUenz7dp/GtD4TwPArqxBQmnQtj\n9UViVMrG+ACs6kL8nBjxUpOzWu3ONzUQlfwZ/73qiewJBQ27KGVtp1qIWsom\nEFI12seIkSxqPvF/5EFzngebdqR742mNru6hI/O+YevkRHyJDRpPdQMrCuy4\nkrM0gC5Oyf/FZTE6PMRDlbDjNTfgw0ZRQxj4VjbloEnLEWqLGrj2zKrP4+qz\nHr9S\r\n=/ccI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDaFkLsK1Kgj334OsBdGlqg0YvDkuBj9/iqvNC4u6+DagIhAMxXFkuiEJ359bor+hlBftvoVPrBsule17OmkUDTjztA"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-dev.6_1526469392308_0.6730691352607161"},"_hasShrinkwrap":false},"0.7.19-dev.7":{"name":"harbor-ui","version":"0.7.19-dev.7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-dev.7","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-wRKPRop24Z8VhoSdltYP4sFmOiNEhHocNOKSn5xAmd2xuQUeF/zDkl5GlWewniOd2ZObSLFrSC1DHZur8tprOQ==","shasum":"552dae5ce6b96345a483e2b761749f704642f11c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-dev.7.tgz","fileCount":107,"unpackedSize":19160191,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa/BVPCRA9TVsSAnZWagAAQ34P/3r3UeLEyndTN4AUM1px\n2I404NvqqR+jFyya+ZEqPLzqKEQmo2iayTEnEsFKdUXdfMxRgoAgjYKeVB5K\nqCezUjxqKlfsWxg/OdELYU6UmlvH4B4aIlBjGcp0pHEQqixtUAYKpTw2Vnfy\n2q5gN4/xzwqsaDRBPaCR0tCdMq8LM4VnCTvwwG+yd6wvenQ2h+xh3s8vo0C+\ntJ7auiZOYhIRHc2tWPWum3ukZeDBU710obPw1K6oPmxH7+pVm9mbCa8387vP\n7qIJaN1v2wpaCHcq/mnEJfOZEmfOYZ003nzVgAKYDkVjtXNy5cAMfJ+68E5H\nrz3GEJGlABj8x/r9nO5LE7HXMhQdjEf1AS1LOpZjT7tiljkYw7jw7wavb9Vi\nGaWuUgAMDvifNu4v+c2s+4WUQfoI7oxwon2wW7AU4tZb214gp1ZDBYQNs5ap\npm5yDt+SdVbQeL0QM65enwC+wULou6DLXhjH0K504ZOmYe5kjCN0mIU59jSk\nshy5wrESR1DnmFeSVhpJbAuePVXAwsLvN19xpE5nit3ntU91m6oC4JT/OOK/\n3g1Pc//T7J7GFbHUzR2UYaSAu6R3wgxcOZVTFVEqPCPimRNNhSdDrujGnOu0\nn9RmvAxaX7kBQleslsiAY8ymcVRYFHDqmTumy4T0a2pgw4whp/8qldGMrpwI\nCCXV\r\n=hNkd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+jH9nGGUbxwO3gwKw8o/TWL/UsGwMUUwArA96tvGzpwIhAKVIy8zcvNmSgIDthCsRnwHLwnPWxZX37m1UhoYEgi34"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-dev.7_1526469966593_0.41044959579742457"},"_hasShrinkwrap":false},"0.7.18-test-5":{"name":"harbor-ui","version":"0.7.18-test-5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.18-test-5","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Rxl734zDe/syi69ggYUih4nwacJo8YYOAWgcODEda8UBrLX4M+EO3oxJQeKD2/dSl0Vohz6SoB0HOZyhs5iBuQ==","shasum":"37d8e83c1c4ba841f000916ae539c5ca8667ef20","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.18-test-5.tgz","fileCount":114,"unpackedSize":19414124,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa/OnbCRA9TVsSAnZWagAA+uoQAJ4IgsumVfW16gqXhmVO\nFYDEgVhni0FKDl4BeOZSZimN0Uvj3Rq/0WWma3DoA0MusOadVZnHWMCQxmH8\nAoo2vvXAAzz2Yu0dDHjnwf/AyKSa4EVY2gAvNUgNfurOgv3VmplyVJ5v32Zl\ngMelNl/0wC+28Szz44keCu5ZyhwUFnf/nwUEHX2SQUGFwKJjW9QduweEDo0v\nEW/U+NQ9u6/rszFv/f2IQlwEnauo+UUTxRIl9QXpB/CXkZwNYYfhZIKCL0lf\nEfjik0fXrK7XtPHHTo5dHWeHMztGg/XG3yZCs7lnAY8vVpZ0lReDjKZWrPlf\nhituNNev42Xb45Dq2R0huA28lrO+CgiSTa7MAFuPXOaGhDzkNVtK4ljNEMG6\nOrJk6qTXDc0m17yvn3U/mWNgVnu7ZCzsp+PKQeMnCfYKAXmL/4gPIIqJOO8Z\nYQl0jd54rDUI3mpHn0m36jW0GN6i4VXIQstz7UtaPdUoDue1miYdTmx4D9wR\nRbgM+LJu+U3JYNWA1K/FB1SYe+66DzHq9mmUxEvwjhhDemjsFf8tHsduM9V/\nB3ErKsBjL1kyAzvFlJ+dcZLRxv3yXFOXtM8DQflApAjVqXZSmzh0vG+uglVv\naxZT+hHTT7D4Cs8pJOB4uuyAxIgIQe04HWvWyc5a2UIk+WxU4ij6MV7NPRSv\n7NTp\r\n=XYAh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDBaVYpWBrz8Dh1XG+GplncrDzvexXaPyGt1/AUv8p5jAiEAyN/bc8a6/BhsTqydIv4KQ+x3fUrwb5vtPz6mou/3xSc="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.18-test-5_1526524378955_0.9650663792654615"},"_hasShrinkwrap":false},"0.7.19-dev.8":{"name":"harbor-ui","version":"0.7.19-dev.8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-dev.8","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-GP5K8XrCxu5sInppVRZYLk4Ga1Q6JUGdHRXGiJDlpHw6r8kTgOpfZJEjow83NQiQeGpe//vxmurFgv1Ve91PBQ==","shasum":"35247a657e52d40dd10f816618dc7909f875fa45","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-dev.8.tgz","fileCount":107,"unpackedSize":19170985,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa/UTVCRA9TVsSAnZWagAAiEkQAI2tbjivddrO686loMov\nRgWxf6uGDYBR7d0JIcZSxOmxj8in2K3ZuosQrpo/pA39CCM1JLX/g0satTyV\nMw2NnhUKZzVsHsTFsye1GbKZKay9pieJtHjp6jeMSgZKLF9MhBYwu2hxzcbj\nNyBNXfT0fVaLvUssZskKAOP5JAOCsEf0zw3eLb/emg55yzvQJ/dSlMdMgQwF\ndgenL7GSe8e2cnDaQpby3gwEaKbXTC1khefRDa1GysX4DoeqCzHO6Qjwa6hg\nT/ZG3AOpH4X/RFaXG4/oeGBUUVSklGCCthFNM9H3vV0xB/1iNuOdHUlEczv7\n0SGdrDD9SRlM+9MCHl2fAWp5X8GWEipWp8xaAeoB676f0CjPvM3VwNDjQZEZ\nYJZu85jkOKDxRr85DJ0H8v5k773VEyMn/atyTESsxJQ6cVeQue3EqjIhOJT9\nyn7efJ7o1THCCgxC+zW9Qax/xWoMuSBlq0Zbv9zZoC+S+yLdlYoUO1S3pGrO\nrR0VjBVjXOEbL6nkh78Tj2tt2MCojmIKrwceMx7b2TlSInU96GRSC9wT16w8\nXmn7yWpG9JH1t9vro5l5+91ETlAcsQikbr+OiOr4qvEdKEy6dTCIOKfBBTk6\nrDaM0UG883jxhoiOqa+ofFr7prxTSNT/HsZejD8hPyzT/tZR2H9MyUqy4RUS\nd6fD\r\n=lSW9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCt1rSE6q37DUuugbGaL3PVQtd2p7yMX5/4aDMk0nGf2gIhAPO/sdliW9+ekuUEeQT+haDcJpZljFYZ4iFmtF8yvaw3"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-dev.8_1526547669314_0.5757476651848292"},"_hasShrinkwrap":false},"0.6.99":{"name":"harbor-ui","version":"0.6.99","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.6.99","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-0rNJqa1cT3YddzeA9GPI+IcJselfSApRon9TyIUvw0/j3xQshHh4EjVI9HI3x5y05GSWiMQQ6lDZkWNH2jZNiQ==","shasum":"9c1978cfb6bafce4cdd776dae4e640548eaf4a8d","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.6.99.tgz","fileCount":776,"unpackedSize":4554093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa/UdsCRA9TVsSAnZWagAA3m0P/21drlhAqmvPyPSG3zXv\nFWhzhzMYkKnuKSlpwYtZYWAe52TPUFqoXBnuyCqHinhRKyAogaKClY6m0esl\nDpPiUT8ijJt6wig/AyOVABAWl+gHdvu2v7cVgBWqrIQWM/J28BtlZVW0+M20\n/YrXEt4Iyj6vEN4AgeLHEngkpBX8OSiXUCr6xkal/4XIjOYUYfYkP3mBuyVL\njc1ci9S+ZP/dCuAmHl1wgqPnwoP8AURzGUty/7SI01XAHhMBlVxVBK7l52Ea\nHdHkjFBlBcywEsiB5Xug48EIFTblEPBggw8eECzfmgxmP29FCd1c9KTOJ0EN\nosF5MEdJotXfZdJpPBrBsXVDfeiB3JpaDdTCPFEm03iqP9nmH5dsw8Z3GQzX\nXm678v1Ssc+dIyT18M31Eh2hm8Xoup9O9Z6IybGdWVipeHrCf2bRrMkXqk9G\nPqKKbo1jq+n6txoQU/RuKnqQGWcRwBNmD+09AKIJwN5+Rl1Wv4ELLDe5plZz\nGdw5PjRq6AlkHoYU/X0c8yeJY0HFOwXSacojJxLxssO6YuBQGTqjPiwN8mre\n/AoBa2gN9BFej3LxlV4tVcSTcEMERFCQPJppW7pCyDgmm8G8c0gY9XvkrZ+M\nVcDDsymLFz7PU9Io/ZoapsNttWbcUrZke7g3Dswcwa5892F2llzImqAPX/y+\nLJ/w\r\n=K3Bh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCHdhxdxCjDyDHRqoE+f9cWVxhL83h+HLDp0L0HyppDlwIgXLe3Sa3YLOXAemBzpXUI35yFLPQEQXyvbD3MD+4v8hg="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.6.99_1526548332053_0.18166219079208346"},"_hasShrinkwrap":false},"0.7.19-test-1":{"name":"harbor-ui","version":"0.7.19-test-1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-fpRO+Qk0eVONrCEFC7LtaKG+rz65W1OJsXFWioQ11t185nre2V1pYqLBmSNM9YJaBwL8XynCXu+puf/KxWZAKQ==","shasum":"aa64bfbbf62406de179c2d5a6858877cdf0df3f3","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-1.tgz","fileCount":114,"unpackedSize":19444896,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbAmTkCRA9TVsSAnZWagAAiGoP/0W8kzw16ad92Q8KVUg+\nQfxkTZjBkjSCUpGVg5A4DVO2QcFcHaSntMinuiHLro5k3NtZDGfxS+ryrUu9\nB4jwkiKxemlkl3zAsnwITNCA9QnP1hd+LH5irJ9Gqpqmb+cryKog6dZVs6Qn\n/CanukBmoMSAjps71wW76q84+2GU1bfu5kOIktixdS7dBaxsEKqPTokyaTca\nutlY7cp+YDZQFMFW3HF+82nDlQBh3B15sKu6ilGJKUOaUW1wUZz7LKFtzMMJ\n7PEMuNlys8KXFUnNe5pA+zQSNZbdC9g0fe1PPho7L8dBfHoWuw8kx1bgbxU/\nUPLD+ojfthu+GqZwVXvhInE3NPDT7rFL7ED7N4dOG4YQrdvoXkcyT4mzBY/5\npO/9l7jggW69BF7ouvrzgeSsZJK3frlyoOFT+eHajYVxjOaKk/p+lKlYWSZz\n4bFq+CbgzPOxeymxbvf2vhbUHC1EfQ7TXoGQeJ2rwrlhPxmKwBcOck5Ul/P6\nMsRN15BvpMzgLVufiflMnzSNVDu06z+gzlp0ij2baLrVdxyouRKmoIoiCIE5\nvnRJlybWLODxloauwFsNXOiwxMkFflo1lvNZ5PCkrfjqJzt0zwBJXXOuB5X6\nGaf7z09rmFqOMiz/DCK1wUmYlIerEegUwCtm0vM4Q+gd0FQ8EFWSaKiIEmon\nDu0N\r\n=ILBr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCtNz261Ec4M9b1ouYD9JLLQZdpzROvr76msdYvsLHtvwIhALz/kNf0OqZ11/LtvSwkcgHRwXcNlF4xx5waZfWL2u/s"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-1_1526883555526_0.7839418674441694"},"_hasShrinkwrap":false},"0.7.19-test-2":{"name":"harbor-ui","version":"0.7.19-test-2","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-/8WQpE4I3oObliuGlQyHhr+6g5d5nG8rtM0Hrcvm84KaTFnEqsijrbwn9XTRU/4T+xMI5eKothSDi/7baRhbKQ==","shasum":"6e31639936794e75830434402ff50d1ac3b920f7","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-2.tgz","fileCount":114,"unpackedSize":19444896,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbAmaICRA9TVsSAnZWagAAZX8P/j4Q48iwplhW27DmZJWe\n0vb+k+d5UIefgiBbloCkd6KczaZymJ9m99kVQ1/hFmKYokObI6Ul+FmDv9hR\nMi8ZdUpo/ue1aSrOo2greWHP3BDXrH0bgIOwrx0amvREmQMJt4cH6pFc6MVk\nYIkVzU15lZoDeHPapomGb++OqsLCGU9VRqVd2g7vDq+4TW3bd2AfbrVsxay9\nbBfUE4qWEWWfnqxM3NK3f8j9H6wyn1zcxsTWlkM2QmECBFaZ7XUk12wFHjNe\nK6e6H+JKMzFc/pgcEVNJ+mz7/mHgHnvMl61jd/XwYteleZQmoGXHn4WZlajV\ny1zk7Lbv40XqgOb9bolfxwhzvHz79LqyscN4AUNds8Zn1m1xHqoKEpzRohz8\nlStULTW4T4Kga7ruCX89X+R1QILCOW1FeHnDHaz9D97VnFC5q96VJUtXxdZG\nBJljUrfbRA3BaH+viqrqS+4ii2mylIs6UnuzIy6sm6b0xIA037RXFfd0Kcg/\nCqmnzoWTkv+hf9J8iZyNFOEDYTAAopEzuwuUs1cpy7OrfUQ+qgZKrDeH+7qz\nRT66dEFkjRbmSr7EOZdx1hBBm5sAGsLJ3EPwcqlkzUxCspEQTtnOqv9TqNqB\ndW8mm/Dv4kYPG+6SINVpMH3e5gf0f2Gg5oFfZtZsAIoYJFiEICPwfWfkLm5H\nXDzD\r\n=KxVp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDloMzxOsWh7qTsAdtA7Z/C9qxWXYHXZ6izMq/nLx6tjAIhANPxjBvfu+XucqRpY6E3nfoa1LtbZUb71JOQD09sdKzZ"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-2_1526883976469_0.5598580965258801"},"_hasShrinkwrap":false},"0.7.19-test-3":{"name":"harbor-ui","version":"0.7.19-test-3","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-3","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-Gxg+ERmJZuIiTZhz4awIv2xtm7kJF6K3hE0gy3RV/pWySKe+h38rmBw+tfT1Q0DlwtRhcJNXAEgPBpcpqCP3Kg==","shasum":"ae14752f3b5d61fe6090788384847457921f684f","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-3.tgz","fileCount":114,"unpackedSize":19444382,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbAqNeCRA9TVsSAnZWagAAZbMQAILkHGCgoBzF9KtD7EUO\naK3HpDSQWmdzcCly2Jb8URnKVFBc1aRjAGCrBDr374OiJJnDyhEgZG4NQDok\nKr6nJ2R2C0aSWt5BB9SYRyg0GD/psSHF99Y8RKFpQUvz0p9WYehzXfQNV/Jt\n1yoVf2rHNKk709fRxaYkm0ZtuZzT58rmWyf3qESE3zocWxXV40QdCaT1WNFx\nsepQS4YyBWKkEVOl/zVDnwcuCJ5y3dz1p27My3wKXZB7HdEBTj9mp92hjdy0\nHeM7fMys9GkOyACHgU6hOiJJA7Vb8gpAdG9dr9bVMue7k8rsWcLWl9xR9w3U\nwT+LohgNGbFn/zqBKQwDtNcJmlPBou02FdLdb7IeL76K6Rn/UZ5UH/8J8Mr9\nWFyKn2eDxw9RZmUo0amF2oVlft7iGxRuIqykIyVDBDyvjuyt8udnWmjF6L1r\n7yydFgDq3TA+e4SZ+wRqDfnBi+mSyV20ixcYh3MQCpQlD8ic7pyeJHLR9MfO\ngS1kJ4F1TrqKmheDV+LXIncR868ITRBKkk77lgSPZhxx2v7vxrAS/2DD922w\nEAhWFZaK+Z0X10L/82vOIws7kGKa9JZaRmMiUT62PfQj9ch8VerHjzOG/c5P\nj3h6npZSzGel5MHy85pJHOjVnM/jjGf3wgH2n1J6yI89Ke6Vy+1c7tiAS5f4\nqiLs\r\n=Xemz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVP0iBIBQ6rVmJlBd1FyYLx640huiFra7nQ+DVw23BjgIgITTUP4BM3YMJYxJf9npvgco7IUGyrxj833i//FTo8zg="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-3_1526899550478_0.3203900620522373"},"_hasShrinkwrap":false},"0.7.19-test-4":{"name":"harbor-ui","version":"0.7.19-test-4","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-4","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-iDGzb7ykAMt3WPnxJZtQsWszPqs9QTY20RVQFC+kx2hxoO/SzrFHBfTiZw/G4c8gx2pY4fa2UpItl6LJFv10dg==","shasum":"ff9de92c05c124010ef2140fbfde18946eb39f74","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-4.tgz","fileCount":114,"unpackedSize":19443273,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbDSdCCRA9TVsSAnZWagAAie4P/1xjyRu9Dm4GHsd1iksM\nbY6JW3wDST9DHX2cNDcqOU3h8QGn4PZncg3a5Zn7ukQQvhfYQzqQlHY5ojK8\naWeYvduJ9BaZfHnZv+BeKgjXpXuiWIV/mTFjiaNPaHFykv8G7ittD7lVo8xb\n0DBcAb58SSUZGUC2PrkMvIfcb/QyXF24omlCgH6KW7QVuiD4onrqYkS4jJZi\negRlJZPFchE42hivUqeGUDaAlJkFMy9NjiZmwGRlpY9PNgnH43aT8giTsqZd\nQRjHqb+BWT5ICAeVpTYGYffsDdKtw8rPO7cclRBIKSSH3X87b0OAOE+jSN0O\n6OpgS/HpCy98zilMqhsq6JfO146D63nUdiincWUV8Pkd5XE3Y+7v6DPv/+bX\naVSq9p4HkR85/Qh5+UM0p45u1hdonyfnyOuty6YQIGXeiLsjY6NCBt5i5r29\ndALcfzvFSOKIbGGWL/Hee/Na1lqb2TGZtc9djRAbSPGlRHZ82Jz2pDcdlmi4\nlVowrDJ0PUU2sSCMuiZ9Pw6cfzcJxw6oqGCrmb1E+h4rJACYhzFepXaG1CPL\nzO7kKHrK5EAhoF1m7v8ERp27jFdun3IcS3ZK+qncYa+/uOuJVUdLndLww/I3\nMI3gNH56V2PU20uLCdKKnmrNBibyLKBW31QSrtIyfH2pfx2zO9Il5oU1bT6W\nZbSn\r\n=ufUS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICuucceKgdixEAAphTnrNdzk3fImg3ho6VqGAOS3ZiXeAiA8fOJyRkR41wiIuFNm6BJOgVqa3xXTDNx59xuAs0jY2g=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-4_1527588673873_0.4980566294695725"},"_hasShrinkwrap":false},"0.7.19-test-5":{"name":"harbor-ui","version":"0.7.19-test-5","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-5","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-c19zPFbvHdc5lWwf75ZOfQR35jQim2DD6XZbtdZ9jbTiDKHA9VLHC/CMi4w6L+fiM42qeIpQAug2/AyRkiyjuA==","shasum":"51fc46dc8f554ffc38751b94347751ab0965e45e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-5.tgz","fileCount":114,"unpackedSize":19443442,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbDg+jCRA9TVsSAnZWagAAeb4QAIGJes+7BKa2uOODS2bj\nD6Tv25r4fTiEFM9PpT2CLOJ0uDTN/qYvYEpDtoKJz93b30x3jbZBgRLf6PY5\nVI8M3kVxqho9AGIZ18bgN9Pr+fzjKOF+LZDukn8064WYbDY5+w2e6ygjlZNn\nvopFJFTOk2cA604TQwqkT4KkUhCR84xVGU8EVylUiIW9m5O8DsuszZNrFdXS\nOqmTPHLGACPfSMwvgvPZkr/GiOmouyhwQyep1hICIwakHabEULr7mxkdhok3\nQ9oNxOa9jzixTZpbObnflBE2NWojz4tp0e+KQbEe21NJTB4rUj7sOEc45y3T\nxvg6NSQ7tPcV7kRC1kNDzeNRWgsk8Xmh/qxxCJA+Ybls7h8UpP92DpQhPz7b\nZnG2HuagSjMzZt/IhGKiRKaYUDRnamudIbB/PwMSopNL/vViUGCh159NwSa7\ndlHS2A7yDXl4KBwwwM7hBeLc5zReoy0t/FTAtg44woU/De6YWv6NlFnf8+EV\nYfGEeWzV7LZGlpeXK7VpTD9Hj6O8JhwC5vtUWTVFDSJGFZjq8sEHKBusoy+G\n7hDRsWx1Hu5xSlfO+5NZY51GSiyw7N6g7i+Vg2Xdi11SAykKiSxdJp5DV8vv\nnZ2HHraCXLFALXwGtZ/uNQd0MguiZm3ZbJTu5Gig0SXp6BzF3IvoQ6RjHG0V\nUVkB\r\n=AAkP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC+AkR3mqCR9C56RykCjzIQl2outPrwyWYZqGORlwEuFAiAvd/Atp5S4WEw3IzKf7cN66QH/8tsUgELJDghLiwphpw=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-5_1527648163264_0.00639494920668815"},"_hasShrinkwrap":false},"0.7.19-test-6":{"name":"harbor-ui","version":"0.7.19-test-6","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-6","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ZRzwtQ+Ttvq1NQsOYxBv+odrqMEde6jezhYuYXTsi8iswNFBI7QDSJRbt3M5EVbUn7q7ryc4hefGn5CrloJLKQ==","shasum":"eb1e00ca9c0af5e52d2611e83cf7b0f62ab85bda","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-6.tgz","fileCount":114,"unpackedSize":19439761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbD5IPCRA9TVsSAnZWagAAmuEP/2+1zsSFtyhk5ctBpF0g\nMZAHb8rRwYBqksRGcSWW2dCOgKSo5D5EOcxl/MycFAoMMESIuVw52RX6Y/Ei\nY8YDOyNhu2yjVlzz/9htRklqxkSLuYlGTtcY37PkKDzvp+LSlRG/OJeTZIfE\nhAH8KJHW70ogbZWbzlTkPR/V8PaXKqbeyqqE4IFfcUHj1Ka0BO7EP0obqY41\n0XmCWFOC4j7jT7d+nHKk2l8a6az0yoQve0ouVxO018Qc8Vyt8ma/gqDAAmLy\npoKItQApENylxlCqZCE1Y+AB3VAennpDWSU7lXHFzFr5BNWJxfOBNYAOCNt3\nd75qcX7I/80DGW7fWC+DfPg185A5XzaQrj6O3DCrAX9i4AdyL859clcmg2RJ\nLZ2iXI+pxmdwri2quxCvEEJUnLtwvwBE4XYdfOF8ndv36jraX1QBn3pmR7sN\n+oNdxLeOVQVAW3YL9D4sTClVYaUGk+/Js7FKBgFM9PYd2MkteNOas5V5G0WZ\n2KHdsO7kAi1u4ydMWadkEplmr5r77HS3Zbm/QiD6x0RzOlDMwtjM0k49oJA/\nuPvuynJRUU3/u/yph+6vuwaVzA80DzW03NI01wyyJTfuVH1VECpkIvyc1kNk\ngnikDL58Yu3OkiquYgoBsPlZmpL0T8X9oXlLOHhza/punYsPfwG1HAxKyIpT\neOoT\r\n=hzci\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3PA8oEPe130EgWCytu0s7VLvGOYh5cjeys9W+1aRItgIgUX5I0GzZisICEXaDedtFp9p0UFebNl4sn4JgHdMTFiU="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-6_1527747087235_0.8302894980152167"},"_hasShrinkwrap":false},"0.7.19-test-7":{"name":"harbor-ui","version":"0.7.19-test-7","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-7","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-b+VGuTZPHlcE17+Lb+ijMTGbSGyINC87WijgtfnPlaD4qRXevV7X2YulgiQqp0+7C4M72WH6dA1SGR0TrgZwXA==","shasum":"67c12115482873013aed8f8cdd334716273a6113","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-7.tgz","fileCount":114,"unpackedSize":19439675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbD5UHCRA9TVsSAnZWagAAzZIP/0oiHwXTOeHrKqI2+qgU\n9+rUidat+klpfl/Fr3pq75worrRHdaHBSk9t2dNSOW24EvPR8KTnsRHlKStU\njMb1DmsG+RaB7AQ7noq8rHB0r/hDMs9erYKaRbak24aC/Mqi4JZnk1OzHSae\nCscWE708Y14V+utyoDb+NmIA6hoa0Hjuj8bezbhiBL8DP/vKygO88tobHPBQ\n8ZBT1gK28AK2evK2ibUAcqMyUq1V9IghqgI0CKeAbyilBN7XEB5dVL8CZLCF\n/eD7l/RsAhqX8WwLbjTFdH2+B5aRwbsgZyJLp6paSpC15m5q+/7uiKGz5g7K\nyTEWtuQjmspY2k42j1EqU1NR/1EHzaTnvHlCeilXcDdIftWAbXmzt1K7bg7n\n9Up7HGoO6AzZsRh3+3SQYypRtmgtu+tQ6lSEOvCfyoB7aplbmnnmE3qV5JeU\njdgWkEosTqjt7L5y5v4Lfzb9pPYco8/xw5nkeHfb7eivcQ3L9Y6mlVV3gZew\nOxonaCTczyn04BiPFcJ7UVUwn0MAr3TM60y8bMZU8RpFBa1KJw6y1v7PlH2A\n6xBdxH5OCMQ3JIx2EqGPAo6iq/SgpPZR/Ck4bEhWn/lfbpmwdnJTfRlrLX+Y\noe6WGhn22kdKluoe9st/GnseJ7yiaBPNoB+t5nv8tuvCaIBUeDS35hAsDWp4\n3XNd\r\n=nxQP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEbDWUQj0pWQa6xL+jcQu3gCcb/XZgCy2i0kPaPExgP8AiEAybFtSEuzCCP21pcuuNkUf7Wv+uaN6QluVbYYx/8bjCc="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-7_1527747846471_0.7576688048706945"},"_hasShrinkwrap":false},"0.7.19-test-8":{"name":"harbor-ui","version":"0.7.19-test-8","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-8","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-L9eBrQHYGrpCrMAgDNMpVe5oben3Mibt86mqKTfNEQJZZDYlGKxmm7whxIQAHCWeLettAvLKSBSFOkYaFwA3cg==","shasum":"b28d3e266fcf87ff1641a7eb175d93b2ac01c57b","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-8.tgz","fileCount":114,"unpackedSize":19444367,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbD51mCRA9TVsSAnZWagAAkNQP/AofrQGDvcd+ZmQNHHNH\nA0GLkEWsUEexwmeZLThoiAlL5OGR2ljmtA3Dbx/fKDihM0m0nYf3FjrzbyTt\nhQyHBluLBDGCwecE4aNagD67qdckHBdP9zHRVWjVVG6g7CVZS+1QSI+n6ddn\n5BkfkKVLVwEYJaBHX5c5gWielqdRWbXI57RdzRE06nipXTpiIK5Z2/7yCOLx\n82+oZoCVFW6sfsE635HEH6PCIvZ1EfwHCPNCMS0zeBMA78bgwmOUVVS/L42q\nvyO4pvC1CYRstuavILNxcRDHQjzIgu/DiInv+Xu/XVVbmToHTm7Ahv0wxYra\nhbvAKGJ2NNDzYjOoHwc0WDvNgtXmc6Rmx9nS5rxgpgwvA0zoRLq2F9ou20Ai\nXeCDr/djshh9EjXVPtPJHrJsHCT0gOaGK0WyPRfpxikuJ335RZBElz98NwTg\nqF+N0TTTgDqs9gqUtVMzXOnd7zFBsAUWyg1m5n/5wGNmDZFKAMN4diYHqzAk\n6gaFD/30Vvy93y47aDG5xz0Xa5auLwDR4G0CrQKiB2bg+VAvXyEh2gItjdrO\nWQHputX9j4YWJ+wVtu1LhKPxzs+tr17ejzFwZ+bKRoJWupdo/YIrzIJaWGRl\nt94zdONCSLLVz/Iw0UftL8CRtiEsd9xMcpu72mZ/Yq0e8JQA6opoOtk7suYU\nqCWS\r\n=ay43\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFs1enHOTgnuWjFBlDUFNFi5a8VSiSjR1ZqiW+5ht5UKAiBh89LzoOHdt78qfyxZZX+NSKwXfxhex5Ll0lye4BdWlg=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-8_1527749990197_0.2633042724840404"},"_hasShrinkwrap":false},"0.7.19-test-9":{"name":"harbor-ui","version":"0.7.19-test-9","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-9","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-ZoLuozL9Ik2SXT/M2QYxBDVBl0z2ti9xOpC99TQIqnvHRrg8o1bEVXpASebHS/OXlDdJvxkSLXnjm+/IE6v2ew==","shasum":"d5b7a24ed2461305c4b7c327ae0647340e6405db","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-9.tgz","fileCount":114,"unpackedSize":19440600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbEQkgCRA9TVsSAnZWagAAgt0P/1oiNo/pFJ+dQkd0J25+\n5QxW1VMRssE05pKpS+Vt5zhpND5JOg61AgLmVS+pxs66td4eELcY6pKTF6zd\nA11J72ZM2kj7587sjNfdFKkd4e2+Xm/4YqYWXFC30iwoCJlAWUe84X7Z9tPL\n/yq7NG2fLyoCx8LjMrMjT4bxU91eZz8HiGb4CmLEdMezyuU7JdqCGUjO3Q/E\nrEDWFXxR0vOqz7QMqLnaT5VQA6lSCbBuPEwTEZRK5qe+b822w0HNmt/HGZC1\nWKU6Eut5Lntt+bSmoro190Gj8EzlkFgJDgXlfW1pYTIZd/8qpBzBJXhtBL9a\nRbNcbOLKR+mBvVirIURpMStm0Zen6b1qE6ZYPZmTLcYe1TNf9bZRwDDbQstU\nGW2xlEBUTkUvz4K5eolSPSUiMSwtjp5pXc9bDmAHJO0LHUS7sm8uz1qZp9OI\nFgi1PL7lmCIN22pizW4m3vZ6gKjwrbhBC4KDfShft/0+omSlDK6HrAECbg68\n3c9IbSpVi/9VWX9qDUEWQlSRK3CgSJeAk/Lzd4EO1tB/Uo15oWPhVIaiy7Xl\nVNwU/GbL2cFuwX0XP9pIDshh5AO2QusPgGQWOGkdHHpzegwAiSCP2SR0YBtF\nJrXXrZdiErlB8qj8qNrzJCEecLKtbEsE7h2sBq0bIUjnlJ8bXngzdKLZ8MUX\ncmmz\r\n=B/cE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIElPbjlwg1PisrnuNL8oKv3v7vQto8SoCq9RaGN6FFO1AiAxgEYbJivbLLWrK/gczAHPrWny8qwFxWCxX+tO9hWJCQ=="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-9_1527843104040_0.863809894531778"},"_hasShrinkwrap":false},"0.7.19-test-10":{"name":"harbor-ui","version":"0.7.19-test-10","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-10","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-gz+KfS8a/Ok9Kq51BZZNlB+39iM7k4bnC/6mu4MzRK1wqSn0xhntbLUvdVvjVXRQvIirKzX7cwZ0e4F7hR0TBQ==","shasum":"1900baa1837d24bf2f04d280587fc892a677a4f0","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-10.tgz","fileCount":115,"unpackedSize":19648168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbF64kCRA9TVsSAnZWagAAPHcP/A9E5tMQfrX2Gbl6AGwC\n2KwnX838gQ//IyQXNilnOrMNW99fnUreIvbuzyxxWLGrxkEPsGMAbhLA5UR4\ngsphDzCix9+GTMxqxe/vjV0URMjaXPoEXdQQdW6E3VJO5ecPV0ybrPKfB0iQ\nCp4p1SsjKdI/JfYaxqcb3Ui/vRwBaAPwxVLnrm5kLg6387BLhqRwHYllJIyk\nRsWomgY45W63M5Lu3XoX8DyMKpw+A5dB9GfpIuByPfeLoWvJ0UPl2f990Oys\nZKetZFk1Zz84GUhGminJXV7uRAuwp1Azb5fgVEVkMmIaTE7SIOyzMXbtgSla\nlk8+xQD8O7VMNRzYnBdiOJR/5cW6Wwbwu7nr588OzS1rkuHxtQv7/4q09tDo\nPUjGbGqYkMLIihO2AldreHcGupnRzTv0u/1D8dn+nzNyDpT7WvwjiSfEMgx9\nNLKmLid8/kSzRWYPAoyZUpjFrkXNiWNWu/J2WeQbNxeZCDwYZCJDAKH9uS/c\nW25BoA5yDJ++/fm+4n8ba5DurKWXngjkoykjAvkJx0SUC9S18rxMw1MLZvWB\nwZSqG3+e7LNtIRT0lE/VDQJqd9HhshyoDYPUQX2ob/Kc3yQbq7SCY8z1HAc7\n09qGc9lVMmjtUOALQi6xE/yESgzT51vPCFt5DLJWqZx8F34Sj0+8UCSCtfIK\nrFga\r\n=tl6o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE0lt3QDQPb0ypU8UrKW1/86TIB9o30rxzYgOnsdC9vFAiEAlfaOqIH29e3ePg/VR8hdQL3ZEQFpsHbE0ThbaFFLoH0="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-10_1528278564216_0.5935908003241037"},"_hasShrinkwrap":false},"0.7.19-test-12":{"name":"harbor-ui","version":"0.7.19-test-12","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-12","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-W/yjJPLHFBwJFSwP0rigy+uFvY8uFXDUkdz8aEAaJzbosv6US8WCJ5ZgZv50hiiA/YCBRTkV8Z+0gFWhR1SP/g==","shasum":"fe8b5036f7649014484abcaf29b09037ca5bd91c","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-12.tgz","fileCount":114,"unpackedSize":19444826,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbHeyfCRA9TVsSAnZWagAAV4MP/jf4imRIcgOuf5D36F7B\nczW2e5Ut1IJkUvHWWeuf0O6LDiWsyVvyYRRahTIqe2rXOjuecKVNvJ0ghapu\njkZI5I+uLEZoyonhGu6BxTlTXzO77720Wzsy2jZnLrzq2h2PKDZeWracpUfW\nOmp3xaYWu79WORx5eNLoRQ1J8+k64y9STB98/imXR9GgqsY5wELM1vzU49ju\nq4gUQsrDgJuicv3HuwKiclsoPgS5xnmtbq+37SH0yhN6/yjiSDTy/n81aSNq\nYEKmhxfK0h5i7GUKsnnwvLRgw/IrhKmnLPFRjbVYj1ptuHHtXcaRExaPXxJH\nSY+pSzUIzUMNo2m/VvLppIeYk5/XK619GeBIykeCoFAnwwvKMDGr1AIcyvn2\n1hqDVghI6G5L3LpMjD++bcA9xoKwt2CdpIDtNtm6Rg8AD/T/fxooJb55FeB7\nzdiKfwAdiOgWtbcO4fdfvp7YwNTqfT3128cLEE3I90bt48eupQRlk9EbOmUq\nzgqIbbG/nq9q0vmtUzlR14Mzerrs+980JGMtK/vkQqEERPg+t/21uPRRpdQ1\nzVHuK6hmYHPWrqIME0g3zrBHigUbUJWGhy/kOCa0ysLezQE9ebO8Pu0xq/aS\n+WosSaCKzeTWi41jrXphAS8dYkSbWOSrIaGwNONxbeqy1hh2Ur5f0hc1cRjt\nLApn\r\n=vAlu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpaf22j9oHOzNb6FSHmMa3RuvAInJvxXPtmldYrs7qwAIhAO/40QOHA3ITcaKCgRCAnqmkKmWhCbE8LwtP2l/lFPiq"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-12_1528687774848_0.6788899066055913"},"_hasShrinkwrap":false},"0.7.19-test-13":{"name":"harbor-ui","version":"0.7.19-test-13","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-13","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-63WLljE8e6MCsUR/ts4A1HtDtegrH46jDMD5hPh5sBcHb+JBSV8LaPwcd1ApoVAajzNFpzc6uEmhx2bi72UlqA==","shasum":"57e8b54ddeb45a0415270d362f6b03697151c680","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-13.tgz","fileCount":114,"unpackedSize":19444826,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbHjTuCRA9TVsSAnZWagAAAHMP/AlaCnqXUKfNwquCpC6R\nyYabOL1ErbwkFBQOY+io3qQDHHZpRgNZcYAwYQ8y0oDelYdPyCCDrLiQLtRP\n779IukUoaV3o1v5V0NVTaN7ovorNF1r7Egp/ho/4ClcgnvIRt+xP8WqPQKHH\nFcmv1y1yoHUKU4HP+PsOGLv10yiRN8KAPMjyFNqX6HGcxsr9GQ92soGwhplN\nOJC00oGSa0cT05oOokQA0KYyS8aLN5s13rXKgt/PRrhBpBCDaWBOQIs6yyqS\n7Y7wb/qcbe1Bj/6XteSIvmlRkW/1vQ5MblkZ0l0a3GO616wAq2i5n1jqbWLr\nhPLITb9K88PEv3KkjPwBOdgFLpHTx6z02vVwWOSw2TRarAnOoaOvcXxKROdH\n1YOza2CBiq4HVnTgp1GG5OtzgcXk8kM+uoQDsSK6P2/dIjrhP0K78Be2VOnF\n5DBO9cNISisCdLQWkhyyaoLjICB7hqAHuWiaTiIgPfwZHyeYUZ6kSKdu4yBP\nF9L9aUoTClcoC4R3agcoovLsMPZpFkQZzllgS95VuGm7ah0XBTRNTtv+aprk\nRI9mOKYqDRobhmzS2PFnRqaB0Nyjya5QUPL0JFnmdq+VCQS+Z8y4371XAcei\n/agAacZi5nxe9CGmhfjPEvG9MrgsAFJ7+ibUKSnuur7+vEtO1BBsjgbJXdSI\n7HyJ\r\n=hKiW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMhSRLdWJjFw2o7KVtnXSAVPWpFBopBLZzwpa6F2nYgQIhAOX/PaKxzsTfhfOGjEWNAdYK3SbdMtRk+p3zu7Rxj7f+"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-13_1528706285574_0.031764516858581615"},"_hasShrinkwrap":false},"0.7.19-test-14":{"name":"harbor-ui","version":"0.7.19-test-14","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-14","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-2bZjDEyXcwoUc9eM8oT0PFVaA3x4fFaYWdF+eWwmWUu1WSFx0bKSz2UTByNIInOG4lRYlU9CrkYASQ/CfJSzuA==","shasum":"ff86921f807590d1303fec84073dbca096566598","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-14.tgz","fileCount":114,"unpackedSize":19445562,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbHjgCCRA9TVsSAnZWagAAMM4P/jszTI2Acq/jvZiYECm3\nJfCRN06EWAReO/yoUiRIz0ByWX9P4E3B42t37SxzzB+yTZ7KvMlWj3JPtzZt\n5rcuF38dP3zFFVJEsUci+nb7m1wBiButIAcqOz9hfpy9Cr1ISUxHipfQ+CdW\nHsGphoFiOG4Nna/PAyay4kybjYOCECKp4x/flwiUPCJSirctiN3NghvrVt7B\njHRSRw7QZvzpnrJvVB7jraPFA3F50Evn1Co6Opv0GlvVOYHGsy4jte+j25U8\ng3voFIV/ShdPT5hMr5m3Hl6HTxwZ1njzJJbrCD/ox9XQaE6TlGmIqGQm79Pw\nFYm269aP3E5TD8cFvYLTcpgWGVPkhwop4Y/N0hzn3TE3oLeMdTUONcUnQXIE\nBnzXYZULhB9lYt95KGAl4Ie1TUumv8u5YhvVCv8pUSvgi+GmcaOZSMy0ejzA\nFU5gE3Oj/HhDAJZQNLkoEULnFbSBPCxbQB0p0mayRwsTnV86WsHTBwMlje51\nhBPAwG1c4tBfUeE8SJD0v3ifrrewLvgzmMtjO2jfj8wceA0LzuCyfPzVOqfp\n1nnJX6QuLKD9fhBFnArjdj20JXPWTv5KN3lTf6ORHcu2qCFWVgNhscs+3lGU\n2E3iK+o7Nr71+FslhwbOX1aOCimL4WjxNOmBjQb35I3PsdzU2od7Dy0O6NUC\nSNNu\r\n=ccOo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDTfywWvth+kZ/pDxEA42/OoPpnpmw6nGDe3fN/yjDLSAiEA02Zp+73o7KGub83YUvylYAhGG5OSCb23sOpyVgonllU="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-14_1528707074106_0.2575142578920395"},"_hasShrinkwrap":false},"0.7.19-test-15":{"name":"harbor-ui","version":"0.7.19-test-15","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","readme":"# Harbor UI library\r\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\r\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\r\n\r\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\r\n\r\n* Repository and tag management view\r\n* Replication rules and jobs management view\r\n* Replication endpoints management view\r\n* Access log list view\r\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\r\n* Registry(Harbor) related configuration options\r\n\r\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 4.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.9.x .\r\n\r\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\r\n\r\n## Build & Test\r\nBuild library with command:\r\n```\r\nnpm run build\r\n```\r\n\r\nExecute the testing specs with command:\r\n```\r\nnpm run test\r\n```\r\n\r\nInstall the package\r\n```\r\nnpm install harbor-ui[@version]\r\n```\r\n\r\n## Usage\r\n**Add dependency to application**\r\n\r\nExecute install command to add dependency to package.json\r\n```\r\nnpm install harbor-ui --save\r\n\r\n//OR\r\nnpm install harbor-ui@0.2.x --save\r\n```\r\nThe latest version of the library will be installed.\r\n\r\n**Import the library module into the root Angular module**\r\n```\r\nimport { HarborLibraryModule } from 'harbor-ui';\r\n\r\n@NgModule({\r\n    declarations: [...],\r\n    imports: [\r\n        HarborLibraryModule.forRoot()\r\n    ],\r\n    providers: [...],\r\n    bootstrap: [...]\r\n})\r\nexport class AppModule {\r\n}\r\n```\r\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\r\n\r\n**Enable components via tags**\r\n\r\n* **Registry log view**\r\n\r\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\r\n```\r\n<hbr-log [withTitle]=\"...\"></hbr-log>\r\n```\r\n\r\n* **Replication Management View**\r\n\r\nSupport two different display scope mode: under specific project or whole system. \r\n\r\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\r\nOn specific project mode, without need projectId, but also need to provide projectName for display.\r\n\r\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\r\n\r\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\r\n\r\n```\r\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\r\n```\r\n\r\n* **Endpoint Management View**\r\n```\r\n//No @Input properties\r\n\r\n<hbr-endpoint></hbr-endpoint>\r\n```\r\n\r\n* **Repository and Tag Management View**\r\n\r\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \r\n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\r\npage contains `hbr-repository`.\r\n\r\n**hbr-repository-listview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n\r\n```\r\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\r\n\r\n...\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository-gridview Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**projectName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\r\n\r\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\r\n\r\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\r\n\r\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\r\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**withClair** is Clair installed\r\n\r\n**withNotary** is Notary installed\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \r\n(repoClickEvent)=\"watchRepoClickEvent($event)\"\r\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\r\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\r\n\r\n...\r\n\r\n\r\nwatchRepoClickEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n\r\nwatchAddInfoEvent(repo: RepositoryItem): void {\r\n    //Process repo\r\n    ...\r\n}\r\n```\r\n\r\n\r\n**hbr-repository Directive**\r\n\r\n**projectId** is used to specify which projects the repositories are from.\r\n\r\n**repoName** is used to generate the related commands for pushing images.\r\n\r\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\r\n\r\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\r\n\r\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\r\n\r\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\r\n\r\n```\r\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\r\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\r\n\r\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\r\n    ...\r\n}\r\n\r\nwatchGoBackEvt(projectId: string): void {\r\n    ...\r\n}\r\n```\r\n\r\n* **Tag detail view**\r\n\r\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\r\n\r\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\r\n\r\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\r\n\r\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \r\n\r\n```\r\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\r\n```\r\n\r\n* **Registry related configuration**\r\n\r\nThis component provides some options for registry(Harbor) related configurations.\r\n\r\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\r\n\r\n```\r\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\r\n```\r\n## Configurations\r\nAll the related configurations are defined in the **HarborModuleConfig** interface.\r\n\r\n**1. config**\r\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'OpaqueToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\r\n```\r\nexport const DefaultServiceConfig: IServiceConfig = {\r\n  systemInfoEndpoint: \"/api/systeminfo\",\r\n  repositoryBaseEndpoint: \"/api/repositories\",\r\n  logBaseEndpoint: \"/api/logs\",\r\n  targetBaseEndpoint: \"/api/targets\",\r\n  replicationRuleEndpoint: \"/api/policies/replication\",\r\n  replicationJobEndpoint: \"/api/jobs/replication\",\r\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\r\n  configurationEndpoint: \"/api/configurations\",\r\n  enablei18Support: false,\r\n  defaultLang: DEFAULT_LANG, //'en-us'\r\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\r\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\r\n  langMessageLoader: \"local\",\r\n  langMessagePathForHttpLoader: \"i18n/langs/\",\r\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\r\n  localI18nMessageVariableMap: {}\r\n};\r\n```\r\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\r\n```\r\nexport const MyServiceConfig: IServiceConfig = {\r\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\r\n})\r\n...\r\n\r\n```\r\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\r\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\r\n\r\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\r\n\r\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\r\n\r\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\r\n\r\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\r\n\r\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\r\n\r\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\r\n\r\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\r\n\r\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\r\n\r\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\r\n\r\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\r\n\r\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\r\n\r\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\r\n\r\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\r\n\r\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\r\n```\r\n        export const EN_US_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n        \r\n        export const ZH_CN_LANG: any = {\r\n            \"APP_TITLE\": {\r\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\r\n                \"HARBOR\": \"Harbor\"\r\n            }\r\n        }\r\n```\r\n\r\nthen this property should be set to:\r\n```\r\n        {\r\n            \"en-us\": EN_US_LANG,\r\n            \"zh-cn\": ZH_CN_LANG\r\n        };\r\n```\r\n\r\n**2. errorHandler**\r\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\r\nIf not set, the console will be used as default output approach.\r\n\r\n```\r\n@Injectable()\r\nexport class MyErrorHandler extends ErrorHandler {\r\n    public error(error: any): void {\r\n        ...\r\n    }\r\n\r\n    public warning(warning: any): void {\r\n        ...\r\n    }\r\n\r\n    public info(info: any): void {\r\n        ...\r\n    }\r\n\r\n    public log(log: any): void {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\r\n})\r\n...\r\n\r\n```\r\n**3. user session**\r\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\r\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\r\n\r\n```\r\n//In the above repository stack view, the user session informations are passed via @input properties.\r\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\r\n```\r\n**4. services**\r\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\r\n\r\n* **AccessLogService:** Define service methods to handle the access log related things.\r\n```\r\n@Injectable()\r\nexport class MyAccessLogService extends AccessLogService {\r\n     /**\r\n     * Get the audit logs for the specified project.\r\n     * Set query parameters through 'queryParams', support:\r\n     *  - page\r\n     *  - pageSize\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the recent logs.\r\n     * \r\n     * @param {number} lines : Specify how many lines should be returned.\r\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\r\n     * \r\n     * @memberOf AccessLogService\r\n     */\r\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **EndpointService:** Define the service methods to handle the endpoint related things.\r\n```\r\n@Injectable()\r\nexport class MyEndpointService extends EndpointService {\r\n    /**\r\n     * Get all the endpoints.\r\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\r\n     * \r\n     * @param {string} [endpointName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<Endpoint> | Endpoint)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified endpoint.\r\n     * \r\n     * @param {(number | string)} endpointId\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Ping the specified endpoint.\r\n     * \r\n     * @param {Endpoint} endpoint\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf EndpointService\r\n     */\r\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Check endpoint whether in used with specific replication rule.\r\n     * \r\n     * @param {{number | string}} endpointId\r\n     * @returns {{Observable<any> | any}}\r\n     */\r\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\r\n```\r\n@Injectable()\r\nexport class MyReplicationService extends ReplicationService {\r\n     /**\r\n     * Get the replication rules.\r\n     * Set the argument 'projectId' to limit the data scope to the specified project;\r\n     * set the argument 'ruleName' to return the rule only match the name pattern;\r\n     * if pagination needed, use the queryParams to add query parameters.\r\n     * \r\n     * @param {(number | string)} [projectId]\r\n     * @param {string} [ruleName]\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Create new replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Update the specified replication rule.\r\n     * \r\n     * @param {ReplicationRule} replicationRule\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Enable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Disable the specified replication rule.\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the jobs for the specified replication rule.\r\n     * Set query parameters through 'queryParams', support:\r\n     *   - status\r\n     *   - repository\r\n     *   - startTime and endTime\r\n     *   - page\r\n     *   - pageSize\r\n     * \r\n     * @param {(number | string)} ruleId\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\r\n     * \r\n     * @memberOf ReplicationService\r\n     */\r\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **RepositoryService:**  Define service methods for handling the repository related things.\r\n```\r\n@Injectable()\r\nexport class MyRepositoryService extends RepositoryService {\r\n    /**\r\n     * List all the repositories in the specified project.\r\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\r\n     * If pagination needed, set the following parameters in queryParams:\r\n     *   'page': current page,\r\n     *   'page_size': page size.\r\n     * \r\n     * @param {(number | string)} projectId\r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * DELETE the specified repository.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf RepositoryService\r\n     */\r\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\r\n})\r\n...\r\n\r\n```\r\n\r\n```\r\n@Injectable()\r\nexport class MyTagService extends TagService {\r\n    /**\r\n     * Get all the tags under the specified repository.\r\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\r\n     *  \r\n     * @param {string} repositoryName\r\n     * @param {RequestQueryParams} [queryParams]\r\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Delete the specified tag.\r\n     * \r\n     * @param {string} repositoryName\r\n     * @param {string} tag\r\n     * @returns {(Observable<any> | any)}\r\n     * \r\n     * @memberOf TagService\r\n     */\r\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    tagService: { provide: TagService, useClass: MyTagService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\r\n```\r\n@Injectable()\r\n/**\r\n * Get the vulnerabilities scanning results for the specified tag.\r\n * \r\n * @export\r\n * @class ScanningResultService\r\n */\r\nexport class MyScanningResultService extends ScanningResultService {\r\n    /**\r\n     * Get the summary of vulnerability scanning result.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Get the detailed vulnerabilities scanning results.\r\n     * \r\n     * @param {string} tagId\r\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\r\n        ...\r\n    }\r\n\r\n\r\n    /**\r\n     * Start a new vulnerability scanning\r\n     * \r\n     * @param {string} repoName\r\n     * @param {string} tagId\r\n     * @returns {(Observable<any> | Promise<any> | any)}\r\n     * \r\n     * @memberOf ScanningResultService\r\n     */\r\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **SystemInfoService:** Get related system configurations.\r\n```\r\n/**\r\n * Get System information about current backend server.\r\n * @class\r\n */\r\nexport class MySystemInfoService extends SystemInfoService {\r\n  /**\r\n   *  Get global system information.\r\n   *  @returns \r\n   */\r\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\r\n       ...\r\n   }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\r\n})\r\n...\r\n\r\n```\r\n\r\n* **ConfigurationService:** Get and save the registry related configuration options.\r\n\r\n```\r\n/**\r\n * Service used to get and save registry-related configurations.\r\n * \r\n * @export\r\n * @class MyConfigurationService\r\n */\r\nexport class MyConfigurationService extends ConfigurationService{\r\n\r\n    /**\r\n     * Get configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\r\n        ...\r\n    }\r\n\r\n    /**\r\n     * Save configurations.\r\n     * \r\n    \r\n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\r\n     * \r\n     * @memberOf ConfigurationService\r\n     */\r\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\r\n        ...\r\n    }\r\n}\r\n\r\n...\r\nHarborLibraryModule.forRoot({\r\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\r\n})\r\n...\r\n```\r\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-15","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-35dgd1xRwxeTjiA9lMmVljV1H2Q8tHYzp1czv28PhRdey1yFz2ltovM5y8lFvaProOTu9lKtoNkEXucEQyds/A==","shasum":"b29313ea722a1d17dca3fe1256fe44c45687b038","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-15.tgz","fileCount":115,"unpackedSize":19669988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbIgyGCRA9TVsSAnZWagAAZ9MQAIjw/2D9bwPbL186pBjc\n0IjnDper5IV1XVpaLTHhgNhvuMxW7aoycdfGlaeKQvbkXL0mDiWZPbvdJ/Yz\n+9nGL5zGGUnAaUMbBvd7ROJn6stjcqPgsnjB9FhA3Pm/IRMzJKR0xxC1THu0\nZ51tn3waWdp4IheuMIP9yl4zAcZzqvdELuL2H4tftiAD2sNdqUlEh6jDBmqb\n/b3NKIiVVx8aKOrOVEJe1u7K3f0aWzIoF0aKO/bHsZESOibLe1w/FuWdJQuF\n/eTpKlVbUkIgOHzEkCBis0Rn/JsMLSmJxxEpoG0EbzeR5aEbXoLjHQv8KDYy\nLJarpG4Lz+d92Nd+xNJN3zof0WOllIj5vFJMaq0l5wcqVe5FAIxB02F1Ih/D\nImJrCLXsGQVA14IRkt4NvBy83vWXGvWb7RwNeb1YjvTLhIGHjzylFKHYfQh4\ntUsOSce0HH7tqR/V+pAMDG7F6RQhoP2fv3vjaYQuT/OBR4BOLyKbn1RaV40a\nLredOowRRSjB7Y54t+/ap51sJeh0tofJvdvMhjXsRMFy0PlEj89NRRvw0V+G\nrEqkCRhoIsyScNwkwyvxA4KqOBQ/6QdTkbd3A+SQBP984tJD2/vlYOLzpoZr\npbsMgNraaQjD2UfmSXZ/M8Qu/L6rpX9yGPQDvW6tOqeRm/CnRVKMli5VPwxZ\nY4P4\r\n=RjfZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG/vOO6JEZnfpaHn2aKOcMdunePYe8BYDXkwiXSPfGmkAiEA2A6IZqlufL93ck6ewKKPESVKpMuAHGYfkvhF4KxXYqk="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-15_1528958086106_0.5472795239827819"},"_hasShrinkwrap":false},"0.7.19-test-16":{"name":"harbor-ui","version":"0.7.19-test-16","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-test-16","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-xo3mcFufmJWIoZVmyXDJ2D2J4LHf6NTP2RZCdsOkY+4GgYDwL8Q1OuxgFvFbd5VqYmnTYH53BjjMFuG6PGFUUw==","shasum":"b45beab92c5b27ac3c2700e50042ed5d0b5fccf5","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-test-16.tgz","fileCount":115,"unpackedSize":19676491,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbIyuhCRA9TVsSAnZWagAAiGQP/iLB8E6S0Rp20fvAoZlG\npP8jQNZcIMv5G4xIQPE+/qwgOpZsU+S1l3T8FRenQLN8HtzUcnQHeNgegpLZ\nezViseSyySJBtcM0AspAiseH6C00aI8f51WEpkNYj2F84qJ3vRqB9RQNaPbV\nlc6GexphTW0H5OWBGtVyaIpM4fU6MfUznTuiInh61DgvKcnhaTLmIuuRr4EF\nRoypkLxhSK9myT9qUUi4G/E74Ld7P8Gr4ql3jAiDAmZmx5sM81dxgZ7IrJxO\nWec9fcG31sKaoPiwW4cf9KHgt4XlbV/eprVxqUSpmGiXtdMLvcLcvRzYkKp0\nrRmnd+xOV8DMvKFPUBqQqbIvH6yOVYf92iSCD2XAcOEKM8jTWSh/7bSWkLsW\nQcqzjTHBEu2WeAx7wQHnfcw0j8ZnFzHhXO+j9XrYfoeDLL6lZJrEJPC8IH7R\nh4oLEecXIz/16TZlX+BgbRvveszzpq2rGwxEzMx3gmSSB9H4ZDU/gxitB4lS\nKfkzGLtsPy15EoJq9iK38IeQOHX8O6jVXT746uUqqBt4jhqyfEAL6gzOFy0i\njb5uCJldc1EJbWF1BUPg+F9n2m4uYKqXHu8v/Q17kQsq39kZDb+MYD17iBS3\nCaHYmdXPyxwTdZ6iiCn1lreYVp0vn3JQC5ha/+75kbXd2KtFi5ZJiAxqOzW6\nGQSd\r\n=l77n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGFdI4UYx9EGdiNCZpuccM3lqHOYXfZd9tLabJF+6z9gAiEAzW7Arfp8AnaKgk3S5kxKP6Cs8mZ5XIHlL4bFNt1GBHk="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-test-16_1529031583954_0.9322141949191278"},"_hasShrinkwrap":false},"0.7.19-dev.9":{"name":"harbor-ui","version":"0.7.19-dev.9","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"harbor-ui.es5.js","main":"bundles/harbor-ui.umd.js","jsnext:main":"index.js","typings":"harbor-ui.d.ts","keywords":["Harbor","Clarity","Angular4"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^4.3.0","@angular/common":"^4.3.0","@angular/compiler":"^4.3.0","@angular/core":"^4.3.0","@angular/forms":"^4.3.0","@angular/http":"^4.3.0","@angular/platform-browser":"^4.3.0","@angular/platform-browser-dynamic":"^4.3.0","@angular/router":"^4.3.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","clarity-angular":"^0.10.17","clarity-icons":"^0.10.17","clarity-ui":"^0.10.17","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","rxjs":"^5.0.1","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4"},"es2015":"harbor-ui.js","metadata":"harbor-ui.metadata.json","bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@0.7.19-dev.9","_npmVersion":"6.0.1","_nodeVersion":"9.3.0","_npmUser":{"name":"ninjadq","email":"dengqian0826@gmail.com"},"dist":{"integrity":"sha512-qdiEpHwR0upqNzdLTG14oWQGQOGZHdst9v513rxYyR0VEJx8tMtoDE7zh4dPzODubjznJNzW9xhH5AtNWRrdEQ==","shasum":"5defc078d42c4f00ebef15d676a653da204277af","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-0.7.19-dev.9.tgz","fileCount":115,"unpackedSize":19557415,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbOcv6CRA9TVsSAnZWagAA+XkP/ReSupm43CCdlrtO/tsj\nZdqORw73x7w4xtFS9xYSJR/8GruOBULJOcvTysGMA2rqwzaP4WGVpPwPNAU2\n5Tl1oX4HQ3TCGOhpvbQy6R15jWjA72dwihAFertlQNJ9f4j1/mq/XJ9+30bb\nc7f8PIaABFsPothG5ZTpFUVbEHoc7Z+oM1KT8+USEZ3oYScoEUriOBVkyzkr\njVfW5Uewe5w00potpCyXO+MR4nlEXSf+qJ8Hr2UFOcutU4wj7Jrc9DncJ9bP\nOJVtLF1NlQzr1j6d3fs0EVvmXCkLzR0pOb7amdlQjFPGqLj04VgBdM2k7tkY\n42Wg9i3b902IIbQ9qK4kcFuVpkccBlA0ROS+InaFSKteVunvlVNBy2G3yhzf\nYEsIBFQwC4KREKu2Q9eSLO7uwZ1UKdHn+UwPslcdaWdQzCCxLdH/L/B5oCkY\nkWn8EMWqpg3tJsPYo2YGKwrTm/gkTE1UEs6NNbofeMu7HLpGUjvoWsYPIG8v\nG9Qf8ORt0kIhlOagg2tEyf9mMpP46/Tlt/3Y43q6uisvQIdK07UlzHFQI22/\n6z7/NHclHIycH6po8DSt2z5EeKN0550qMjBc5ehWm0d2m0z45Z3c/XPov32m\nGOy2jZdgSrjncxdAXDnwxaApTSre5OYDgkoX5D0epmTD1dXhivVouuj3Ct5C\nQfy4\r\n=9F3i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKG7OPzHPDdaVi9Vkf/onp9QKTDRKGG4LZaCRJohPTnAIhAIeEWZsTXaIK40t6IRieUThKI5FdPFhQ/0CD6N7MN1Tb"}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_0.7.19-dev.9_1530514426181_0.31717013358337454"},"_hasShrinkwrap":false},"1.0.0-rc1":{"name":"harbor-ui","version":"1.0.0-rc1","description":"Harbor shared UI components based on Clarity and Angular4","author":{"name":"VMware"},"module":"index.js","main":"bundles/harborui.umd.min.js","jsnext:main":"index.js","typings":"index.d.ts","keywords":["Harbor","Clarity","Angular6"],"license":"Apache 2.0","repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"homepage":"https://github.com/vmware/harbor#readme","peerDependencies":{"@angular/animations":"^6.0.0","@angular/common":"^6.0.0","@angular/compiler":"^6.0.0","@angular/core":"^6.0.0","@angular/forms":"^6.0.0","@angular/http":"^6.0.0","@angular/platform-browser":"^6.0.0","@angular/platform-browser-dynamic":"^6.0.0","@angular/router":"^6.0.0","@ngx-translate/core":"^6.0.0","@ngx-translate/http-loader":"0.0.3","@webcomponents/custom-elements":"^1.0.0","@clr/angular":"^0.12.0","@clr/ui":"^0.12.0","@clr/icons":"^0.12.0","core-js":"^2.4.1","intl":"^1.2.5","mutationobserver-shim":"^0.3.2","ngx-cookie":"^1.0.0","ngx-markdown":"^1.5.1","rxjs":"^6.2.2","rxjs-compat":"^6.2.2","ts-helpers":"^1.1.1","web-animations-js":"^2.2.1","zone.js":"^0.8.4","tslib":"^1.9.0"},"contributors":[{"name":"Steven zou","email":"szou@vmware.com"}],"bugs":{"url":"https://github.com/vmware/harbor/issues"},"_id":"harbor-ui@1.0.0-rc1","_npmVersion":"6.4.0","_nodeVersion":"8.11.3","_npmUser":{"name":"harbor","email":"szou@vmware.com"},"dist":{"integrity":"sha512-6cbLnAVegOgZssV7LOyHhRvk9VT9cdP/3KbMr9quHBP7TqC8cYnNQ9sDud1BqgyTVifnD8wLRakN85SlAKycJQ==","shasum":"dad6f03b64bd9751e488ce1cd2c845fa2db4172e","tarball":"https://registry.npmjs.org/harbor-ui/-/harbor-ui-1.0.0-rc1.tgz","fileCount":580,"unpackedSize":13173629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbg6/9CRA9TVsSAnZWagAAgmoP/05VJ9jg1Nwyyi+wPmOj\nuDoRmRUhi8aijvK77xHEZTa7WTfYoucu/VKXq11B84209QzbDzr68Gwgg2CN\nRcRpNbuHFvXmHOFD02l4WF7BrApPrp5AfUqovRM5GjmtWqc3TAGRz4yFGr6E\ndGx8QNlRn1C7UeJl7koRIGLSeGojerDtEoK7YVOhA+yHGCXoPVOX9YZFkydG\n6odgOGV230kCilmqv3jrf0MgCXXEA0jh6yz9LFfHJRRNqFFeVu3v1lgKoK+d\niJRzxcsILsV0Msw6CffpvXxzxn58HvppMGZ3VMLsTEHipmGuJbGP2zukY6c4\nUBwiRPAv7WrgM947OyV6HJP3fTC605qWrOqPIZm543AG6VsSKhsC4JamlBq4\n3NfkXNePajRbu9k90R5OuOn2keObSh0jYqs+Jye5JefZyBEHgLodDRxBqCfh\nJf/ei09L5D1auz6m0VPLdPhoofNrWtXAEXe1wAOupDeSr+zLZuVG+FLeW09h\nUhXv3rYept9X4r12/F4wKbaVa4FSVfJn8jTBtm3kwRstfAasjNRbkjQik9Hc\n/jU5LLq8Ww+TFM8nOc72giYOle+239Ztm5FrVuJSyzHRP5ZJzjOgBX7epnRU\nwO1AuFmdu8Qvbx1FBXXM9yD8Erbrn+xng5Px3Xhk5yCes/yl3rM7HMOXCVGL\n6Dpd\r\n=Jt2U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDbGM3wJlv+mpSEuLwkb5lpwNv/cgWuyTH7eRlX8n4phgIgTjJOHrOnzEv4fqvVgdeQ5FVHbEW4WOaYl7HOQcZnpHk="}]},"maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/harbor-ui_1.0.0-rc1_1535356924353_0.14920633647332027"},"_hasShrinkwrap":false}},"readme":"# Harbor UI library\n**NOTES: Odd version is development version and may be not stable. Even version is release version which should be stable.**\n![Harbor UI Library](../../../docs/img/harbor_logo.png)\n\nWrap the following Harbor UI components into a sharable library and published as npm package for other third-party applications to import and reuse.\n\n* Repository and tag management view\n* Replication rules and jobs management view\n* Replication endpoints management view\n* Access log list view\n* Vulnerability scanning result bar chart and list view (Embedded in tag management view)\n* Registry(Harbor) related configuration options\n\nThe Harbor UI library is built on **[Angular ](https://angular.io/)** 6.x and **[Clarity ](https://vmware.github.io/clarity/)** 0.12.x .\n\nThe library is published to the public npm repository with name **[harbor-ui](https://www.npmjs.com/package/harbor-ui)**.\n\n## Build & Test\nBuild library with command:\n```\nnpm run build\n```\n\nExecute the testing specs with command:\n```\nnpm run test\n```\n\nInstall the package\n```\nnpm install harbor-ui[@version]\n```\n\n## Usage\n**Add dependency to application**\n\nExecute install command to add dependency to package.json\n```\nnpm install harbor-ui --save\n\n//OR\nnpm install harbor-ui@0.2.x --save\n```\nThe latest version of the library will be installed.\n\n**Import the library module into the root Angular module**\n```\nimport { HarborLibraryModule } from 'harbor-ui';\n\n@NgModule({\n    declarations: [...],\n    imports: [\n        HarborLibraryModule.forRoot()\n    ],\n    providers: [...],\n    bootstrap: [...]\n})\nexport class AppModule {\n}\n```\nIf no parameters are passed to **'forRoot'**, the module will be initialized with default configurations. If re-configuration required, please refer the **'Configurations'** parts.\n\n**Enable components via tags**\n\n* **Registry log view**\n\nUse **withTitle** to set whether self-contained a header with title or not. Default is **false**, that means no header is existing.\n```\n<hbr-log [withTitle]=\"...\"></hbr-log>\n```\n\n* **Replication Management View**\n\nSupport two different display scope mode: under specific project or whole system. \n\nIf **projectId** is set to the id of specified project, then only show the replication rules bound with the project. Otherwise, show all the rules of the whole system.\nOn specific project mode, without need projectId, but also need to provide projectName for display.\n\n**withReplicationJob** is used to determine whether or not show the replication jobs which are relevant with the selected replication rule.\n\n**isSystemAdmin** is for judgment if user has administrator privilege, if true, user can do the create/edit/delete/replicate actions.\n\n```\n<hbr-replication [projectId]=\"...\" [projectName]=\"...\" [withReplicationJob]='...' [isSystemAdmin]=\"...\"></hbr-replication>\n```\n\n* **Endpoint Management View**\n```\n//No @Input properties\n\n<hbr-endpoint></hbr-endpoint>\n```\n\n* **Repository and Tag Management View**\n\nThe `hbr-repository-stackview` directive is deprecated. Using `hbr-repository-listview` and `hbr-repository` instead. You should define two routers one for render \n`hbr-repository-listview` the other is for `hbr-repository`. `hbr-repository-listview` will output an event, you need catch this event and redirect to related\npage contains `hbr-repository`.\n\n**hbr-repository-listview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n\n```\n<hbr-repository-listview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"></hbr-repository-listview>\n\n...\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository-gridview Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**projectName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**repoClickEvent** is an @output event emitter for you to catch the repository click events.\n\n**repoProvisionEvent** is an @output event emitter for you to catch the deploy button click event.\n\n**addInfoEvent** is an @output event emitter for you to catch the add additional info button event.\n\n  @Output() repoProvisionEvent = new EventEmitter<RepositoryItem>();\n  @Output() addInfoEvent = new EventEmitter<RepositoryItem>();\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**withClair** is Clair installed\n\n**withNotary** is Notary installed\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n<hbr-repository-gridview [projectId]=\"\" [projectName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\" \n(repoClickEvent)=\"watchRepoClickEvent($event)\"\n(repoProvisionEvent)=\"watchRepoProvisionEvent($event)\"\n(addInfoEvent)=\"watchAddInfoEvent($event)\"></hbr-repository-gridview>\n\n...\n\n\nwatchRepoClickEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchRepoProvisionEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n\nwatchAddInfoEvent(repo: RepositoryItem): void {\n    //Process repo\n    ...\n}\n```\n\n\n**hbr-repository Directive**\n\n**projectId** is used to specify which projects the repositories are from.\n\n**repoName** is used to generate the related commands for pushing images.\n\n**hasSignedIn** is a user session related property to determined whether a valid user signed in session existing. This component supports anonymous user.\n\n**hasProjectAdminRole** is a user session related property to determined whether the current user has project administrator role. Some action menus might be disabled based on this property.\n\n**tagClickEvent** is an @output event emitter for you to catch the tag click events.\n\n**goBackClickEvent** is an @output event emitter for you to catch the go back events.\n\n```\n<hbr-repository [projectId]=\"\" [repoName]=\"\" [hasSignedIn]=\"\" [hasProjectAdminRole]=\"\"  [withClair]=\"\" [withNotary]=\"\"\n(tagClickEvent)=\"watchTagClickEvt($event)\" (backEvt)=\"watchGoBackEvt($event)\" ></hbr-repository>\n\nwatchTagClickEvt(tagEvt: TagClickEvent): void {\n    ...\n}\n\nwatchGoBackEvt(projectId: string): void {\n    ...\n}\n```\n\n* **Tag detail view**\n\nThis view is linked by the repository stack view only when the Clair is enabled in Harbor.\n\n**tagId** is an @Input property and used to specify the tag of which details are displayed.\n\n**repositoryId** is an @Input property and used to specified the repository to which the tag is belonged.\n\n**backEvt** is an @Output event emitter and used to distribute the click event of the back arrow in the detail page. \n\n```\n<hbr-tag-detail (backEvt)=\"goBack($event)\" [tagId]=\"...\" [repositoryId]=\"...\"></hbr-tag-detail>\n```\n\n* **Registry related configuration**\n\nThis component provides some options for registry(Harbor) related configurations.\n\n**hasAdminRole** is an @Input property to indicate if the current logged user has administrator role.\n\n```\n<hbr-registry-config [hasAdminRole]=\"***\"></hbr-registry-config>\n```\n## Configurations\nAll the related configurations are defined in the **HarborModuleConfig** interface.\n\n**1. config**\nThe base configuration for the module. Mainly used to define the relevant endpoints of services which are in charge of retrieving data from backend APIs. It's a 'InjectionToken' and defined by 'IServiceConfig' interface. If **config** is not set, the default value will be used.\n```\nexport const DefaultServiceConfig: IServiceConfig = {\n  systemInfoEndpoint: \"/api/systeminfo\",\n  repositoryBaseEndpoint: \"/api/repositories\",\n  logBaseEndpoint: \"/api/logs\",\n  targetBaseEndpoint: \"/api/targets\",\n  replicationRuleEndpoint: \"/api/policies/replication\",\n  replicationJobEndpoint: \"/api/jobs/replication\",\n  vulnerabilityScanningBaseEndpoint: \"/api/repositories\",\n  configurationEndpoint: \"/api/configurations\",\n  enablei18Support: false,\n  defaultLang: DEFAULT_LANG, //'en-us'\n  langCookieKey: DEFAULT_LANG_COOKIE_KEY, //'harbor-lang'\n  supportedLangs: DEFAULT_SUPPORTING_LANGS,//['en-us','zh-cn','es-es']\n  langMessageLoader: \"local\",\n  langMessagePathForHttpLoader: \"i18n/langs/\",\n  langMessageFileSuffixForHttpLoader: \"-lang.json\",\n  localI18nMessageVariableMap: {}\n};\n```\nIf you want to override the related items, declare your own 'IServiceConfig' interface and define the configuration value. E.g: Override 'repositoryBaseEndpoint'\n```\nexport const MyServiceConfig: IServiceConfig = {\n    repositoryBaseEndpoint: \"/api/wrap/repositories\"\n}\n\n...\nHarborLibraryModule.forRoot({\n    config: { provide: SERVICE_CONFIG, useValue: MyServiceConfig }\n})\n...\n\n```\nIt supports partially overriding. For the items not overridden, default values will be adopted. The items contained in **config** are:\n* **systemInfoEndpoint:** The base endpoint of the service used to get the related system configurations. Default value is \"/api/systeminfo\".\n\n* **repositoryBaseEndpoint:** The base endpoint of the service used to handle the repositories of registry and/or tags of repository. Default value is \"/api/repositories\".\n\n* **logBaseEndpoint:** The base endpoint of the service used to handle the recent access logs. Default is \"/api/logs\".\n\n* **targetBaseEndpoint:** The base endpoint of the service used to handle the registry endpoints. Default is \"/api/targets\".\n\n* **replicationRuleEndpoint:** The base endpoint of the service used to handle the replication rules. Default is \"/api/policies/replication\".\n\n* **replicationJobEndpoint:** The base endpoint of the service used to handle the replication jobs. Default is \"/api/jobs/replication\".\n\n* **vulnerabilityScanningBaseEndpoint:** The base endpoint of the service used to handle the vulnerability scanning results.Default value is \"/api/repositories\".\n\n* **configurationEndpoint:** The base endpoint of the service used to configure registry related options. Default is \"/api/configurations\".\n\n* **langCookieKey:** The cookie key used to store the current used language preference. Default is \"harbor-lang\".\n\n* **supportedLangs:** Declare what languages are supported. Default is ['en-us', 'zh-cn', 'es-es'].\n\n* **enablei18Support:** To determine whether or not to enable the i18 multiple languages supporting. Default is false.\n\n* **langMessageLoader:** To determine which loader will be used to load the required lang messages. Support two loaders: One is **'http'**, use async http to load json files with the specified url/path. Another is **'local'**, use local json variable to store the lang message.\n\n* **langMessagePathForHttpLoader:** Define the basic url/path prefix for the loader to find the json files if the 'langMessageLoader' is set to **'http'**. E.g: 'src/i18n/langs'.\n\n* **langMessageFileSuffixForHttpLoader:** Define the suffix of the json file names without lang name if 'langMessageLoader' is set to **'http'**. For example, '-lang.json' is suffix of message file 'en-us-lang.json'.\n\n* **localI18nMessageVariableMap:** If configuration property 'langMessageLoader' is set to **'local'** to load the i18n messages, this property must be defined to tell local JSON loader where to get the related messages. E.g: If declare the following messages storage variables,\n```\n        export const EN_US_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n        \n        export const ZH_CN_LANG: any = {\n            \"APP_TITLE\": {\n                \"VMW_HARBOR\": \"VMware Harbor中文版\",\n                \"HARBOR\": \"Harbor\"\n            }\n        }\n```\n\nthen this property should be set to:\n```\n        {\n            \"en-us\": EN_US_LANG,\n            \"zh-cn\": ZH_CN_LANG\n        };\n```\n\n**2. errorHandler**\nUI components in the library use this interface to pass the errors/warnings/infos/logs to the top component or page. The top component or page can display those information in their message panel or notification system.\nIf not set, the console will be used as default output approach.\n\n```\n@Injectable()\nexport class MyErrorHandler extends ErrorHandler {\n    public error(error: any): void {\n        ...\n    }\n\n    public warning(warning: any): void {\n        ...\n    }\n\n    public info(info: any): void {\n        ...\n    }\n\n    public log(log: any): void {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    errorHandler: { provide: ErrorHandler, useClass: MyErrorHandler }\n})\n...\n\n```\n**3. user session**\nSome components may need the user authorization and authentication information to display different views. The following way of handing user session is supported by the library.\n* Use @Input properties or interface to let top component or page to pass the required user session information in.\n\n```\n//In the above repository stack view, the user session informations are passed via @input properties.\n[hasSignedIn]=\"...\" [hasProjectAdminRole]=\"...\"\n```\n**4. services**\nThe library has its own service implementations to communicate with backend APIs and transfer data. If you want to use your own data handling logic, you can implement your own services based on the defined interfaces.\n\n* **AccessLogService:** Define service methods to handle the access log related things.\n```\n@Injectable()\nexport class MyAccessLogService extends AccessLogService {\n     /**\n     * Get the audit logs for the specified project.\n     * Set query parameters through 'queryParams', support:\n     *  - page\n     *  - pageSize\n     * \n     * @param {(number | string)} projectId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getAuditLogs(projectId: number | string, queryParams?: RequestQueryParams): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n\n    /**\n     * Get the recent logs.\n     * \n     * @param {number} lines : Specify how many lines should be returned.\n     * @returns {(Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[])}\n     * \n     * @memberOf AccessLogService\n     */\n    getRecentLogs(lines: number): Observable<AccessLog[]> | Promise<AccessLog[]> | AccessLog[]{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    logService: { provide: AccessLogService, useClass: MyAccessLogService }\n})\n...\n\n```\n\n* **EndpointService:** Define the service methods to handle the endpoint related things.\n```\n@Injectable()\nexport class MyEndpointService extends EndpointService {\n    /**\n     * Get all the endpoints.\n     * Set the argument 'endpointName' to return only the endpoints match the name pattern.\n     * \n     * @param {string} [endpointName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Endpoint[]> | Endpoint[])}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoints(endpointName?: string, queryParams?: RequestQueryParams): Observable<Endpoint[]> | Promise<Endpoint[]> | Endpoint[] {\n        ...\n    }\n\n    /**\n     * Get the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<Endpoint> | Endpoint)}\n     * \n     * @memberOf EndpointService\n     */\n    getEndpoint(endpointId: number | string): Observable<Endpoint> | Promise<Endpoint> | Endpoint {\n        ...\n    }\n\n    /**\n     * Create new endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    createEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    updateEndpoint(endpointId: number | string, endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified endpoint.\n     * \n     * @param {(number | string)} endpointId\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    deleteEndpoint(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Ping the specified endpoint.\n     * \n     * @param {Endpoint} endpoint\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf EndpointService\n     */\n    pingEndpoint(endpoint: Endpoint): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Check endpoint whether in used with specific replication rule.\n     * \n     * @param {{number | string}} endpointId\n     * @returns {{Observable<any> | any}}\n     */\n    getEndpointWithReplicationRules(endpointId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    endpointService: { provide: EndpointService, useClass: MyEndpointService }\n})\n...\n\n```\n\n* **ReplicationService:** Define the service methods to handle the replication (rule and job) related things.\n```\n@Injectable()\nexport class MyReplicationService extends ReplicationService {\n     /**\n     * Get the replication rules.\n     * Set the argument 'projectId' to limit the data scope to the specified project;\n     * set the argument 'ruleName' to return the rule only match the name pattern;\n     * if pagination needed, use the queryParams to add query parameters.\n     * \n     * @param {(number | string)} [projectId]\n     * @param {string} [ruleName]\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[])}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRules(projectId?: number | string, ruleName?: string, queryParams?: RequestQueryParams): Observable<ReplicationRule[]> | Promise<ReplicationRule[]> | ReplicationRule[] {\n        ...\n    }\n\n    /**\n     * Get the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule)}\n     * \n     * @memberOf ReplicationService\n     */\n    getReplicationRule(ruleId: number | string): Observable<ReplicationRule> | Promise<ReplicationRule> | ReplicationRule {\n        ...\n    }\n\n    /**\n     * Create new replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    createReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Update the specified replication rule.\n     * \n     * @param {ReplicationRule} replicationRule\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    updateReplicationRule(replicationRule: ReplicationRule): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Delete the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    deleteReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Enable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    enableReplicationRule(ruleId: number | string, enablement: number): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Disable the specified replication rule.\n     * \n     * @param {(number | string)} ruleId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ReplicationService\n     */\n    disableReplicationRule(ruleId: number | string): Observable<any> | Promise<any> | any {\n        ...\n    }\n\n    /**\n     * Get the jobs for the specified replication rule.\n     * Set query parameters through 'queryParams', support:\n     *   - status\n     *   - repository\n     *   - startTime and endTime\n     *   - page\n     *   - pageSize\n     * \n     * @param {(number | string)} ruleId\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<ReplicationJob> | Promise<ReplicationJob[]> | ReplicationJob)}\n     * \n     * @memberOf ReplicationService\n     */\n    getJobs(ruleId: number | string, queryParams?: RequestQueryParams): Observable<ReplicationJob[]> | Promise<ReplicationJob[]> | ReplicationJob[] {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    replicationService: { provide: ReplicationService, useClass: MyReplicationService }\n})\n...\n\n```\n\n* **RepositoryService:**  Define service methods for handling the repository related things.\n```\n@Injectable()\nexport class MyRepositoryService extends RepositoryService {\n    /**\n     * List all the repositories in the specified project.\n     * Specify the 'repositoryName' to only return the repositories which match the name pattern.\n     * If pagination needed, set the following parameters in queryParams:\n     *   'page': current page,\n     *   'page_size': page size.\n     * \n     * @param {(number | string)} projectId\n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Repository[]> | Promise<Repository[]> | Repository[])}\n     * \n     * @memberOf RepositoryService\n     */\n    getRepositories(projectId: number | string, repositoryName?: string, queryParams?: RequestQueryParams): Observable<Repository[]> | Promise<Repository[]> | Repository[] {\n        ...\n    }\n\n    /**\n     * DELETE the specified repository.\n     * \n     * @param {string} repositoryName\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf RepositoryService\n     */\n    deleteRepository(repositoryName: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    repositoryService: { provide: RepositoryService, useClass: MyRepositoryService }\n})\n...\n\n```\n\n```\n@Injectable()\nexport class MyTagService extends TagService {\n    /**\n     * Get all the tags under the specified repository.\n     * NOTES: If the Notary is enabled, the signatures should be included in the returned data.\n     *  \n     * @param {string} repositoryName\n     * @param {RequestQueryParams} [queryParams]\n     * @returns {(Observable<Tag[]> | Promise<Tag[]> | Tag[])}\n     * \n     * @memberOf TagService\n     */\n    getTags(repositoryName: string, queryParams?: RequestQueryParams): Observable<Tag[]> | Promise<Tag[]> | Tag[] {\n        ...\n    }\n\n    /**\n     * Delete the specified tag.\n     * \n     * @param {string} repositoryName\n     * @param {string} tag\n     * @returns {(Observable<any> | any)}\n     * \n     * @memberOf TagService\n     */\n    deleteTag(repositoryName: string, tag: string): Observable<any> | Promise<Tag> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    tagService: { provide: TagService, useClass: MyTagService }\n})\n...\n\n```\n\n* **ScanningResultService:** Get the vulnerabilities scanning results for the specified tag.\n```\n@Injectable()\n/**\n * Get the vulnerabilities scanning results for the specified tag.\n * \n * @export\n * @class ScanningResultService\n */\nexport class MyScanningResultService extends ScanningResultService {\n    /**\n     * Get the summary of vulnerability scanning result.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary)}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningSummary(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilitySummary> | Promise<VulnerabilitySummary> | VulnerabilitySummary{\n        ...\n    }\n\n    /**\n     * Get the detailed vulnerabilities scanning results.\n     * \n     * @param {string} tagId\n     * @returns {(Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[])}\n     * \n     * @memberOf ScanningResultService\n     */\n    getVulnerabilityScanningResults(repoName: string, tagId: string, queryParams?: RequestQueryParams): Observable<VulnerabilityItem[]> | Promise<VulnerabilityItem[]> | VulnerabilityItem[]{\n        ...\n    }\n\n\n    /**\n     * Start a new vulnerability scanning\n     * \n     * @param {string} repoName\n     * @param {string} tagId\n     * @returns {(Observable<any> | Promise<any> | any)}\n     * \n     * @memberOf ScanningResultService\n     */\n    startVulnerabilityScanning(repoName: string, tagId: string): Observable<any> | Promise<any> | any {\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    scanningService: { provide: ScanningResultService, useClass: MyScanningResultService }\n})\n...\n\n```\n\n* **SystemInfoService:** Get related system configurations.\n```\n/**\n * Get System information about current backend server.\n * @class\n */\nexport class MySystemInfoService extends SystemInfoService {\n  /**\n   *  Get global system information.\n   *  @returns \n   */\n   getSystemInfo(): Observable<SystemInfo> | Promise<SystemInfo> | SystemInfo {\n       ...\n   }\n}\n\n...\nHarborLibraryModule.forRoot({\n    systemInfoService: { provide: SystemInfoService, useClass: MySystemInfoService }\n})\n...\n\n```\n\n* **ConfigurationService:** Get and save the registry related configuration options.\n\n```\n/**\n * Service used to get and save registry-related configurations.\n * \n * @export\n * @class MyConfigurationService\n */\nexport class MyConfigurationService extends ConfigurationService{\n\n    /**\n     * Get configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    getConfigurations(): Observable<Configuration> | Promise<Configuration> | Configuration{\n        ...\n    }\n\n    /**\n     * Save configurations.\n     * \n    \n     * @returns {(Observable<Configuration> | Promise<Configuration> | Configuration)}\n     * \n     * @memberOf ConfigurationService\n     */\n    saveConfigurations(changedConfigs: any | { [key: string]: any | any[] }): Observable<any> | Promise<any> | any{\n        ...\n    }\n}\n\n...\nHarborLibraryModule.forRoot({\n    config.configService || { provide: ConfigurationService, useClass: ConfigurationDefaultService }\n})\n...\n```\n","maintainers":[{"email":"szou@vmware.com","name":"harbor"},{"email":"dengqian0826@gmail.com","name":"ninjadq"}],"time":{"modified":"2022-06-18T19:21:04.777Z","created":"2017-04-20T06:55:42.521Z","0.1.0":"2017-04-20T06:55:42.521Z","0.1.1":"2017-05-03T03:30:07.098Z","0.1.2":"2017-05-03T09:41:23.123Z","0.1.3":"2017-05-03T10:11:32.683Z","0.1.4":"2017-05-03T12:04:10.679Z","0.1.5":"2017-05-03T12:08:10.615Z","0.1.6":"2017-05-03T12:12:57.968Z","0.1.7":"2017-05-04T03:41:26.732Z","0.1.10":"2017-05-04T04:01:40.985Z","0.1.11":"2017-05-04T08:36:18.714Z","0.1.12":"2017-05-08T06:14:02.630Z","0.1.13":"2017-05-12T14:40:35.127Z","0.1.14":"2017-05-22T04:16:50.292Z","0.1.15":"2017-05-22T07:11:47.983Z","0.1.16":"2017-05-22T07:17:36.515Z","0.1.17":"2017-05-22T09:11:51.575Z","0.1.18":"2017-05-22T09:17:21.039Z","0.1.19":"2017-05-22T09:33:39.351Z","0.1.20":"2017-06-05T09:12:48.555Z","0.1.21":"2017-06-05T09:22:47.279Z","0.1.22":"2017-06-05T09:28:23.506Z","0.1.23":"2017-06-05T09:42:33.833Z","0.1.24":"2017-06-05T10:24:40.131Z","0.1.25":"2017-06-05T10:33:32.393Z","0.1.26":"2017-06-05T15:11:51.242Z","0.1.27":"2017-06-05T15:16:30.783Z","0.1.28":"2017-06-05T15:20:58.236Z","0.1.30":"2017-06-05T15:30:33.450Z","0.1.31":"2017-06-05T15:43:03.117Z","0.1.33":"2017-06-06T02:35:50.152Z","0.1.35":"2017-06-06T04:45:19.666Z","0.1.36":"2017-06-06T05:49:12.363Z","0.1.37":"2017-06-06T11:22:19.037Z","0.1.41":"2017-06-06T11:43:04.658Z","0.1.42":"2017-06-07T06:34:48.788Z","0.1.47":"2017-06-13T08:13:55.533Z","0.1.49":"2017-06-13T09:36:11.026Z","0.1.51":"2017-06-13T09:43:01.177Z","0.1.53":"2017-06-13T10:10:39.807Z","0.1.55":"2017-06-13T11:39:35.695Z","0.1.57":"2017-06-13T12:00:03.312Z","0.1.59":"2017-06-13T12:26:00.399Z","0.1.60":"2017-06-13T14:26:55.474Z","0.1.61":"2017-06-13T14:58:52.701Z","0.1.62":"2017-06-13T15:03:28.726Z","0.1.64":"2017-06-13T15:57:47.098Z","0.1.66":"2017-06-15T14:47:32.374Z","0.1.67":"2017-06-15T15:23:12.906Z","0.1.69":"2017-06-16T08:31:37.589Z","0.1.71":"2017-06-16T10:12:43.248Z","0.1.73":"2017-06-17T02:50:33.721Z","0.1.75":"2017-06-17T03:17:22.279Z","0.1.77":"2017-06-17T03:44:52.524Z","0.1.79":"2017-06-17T03:55:18.060Z","0.1.81":"2017-06-17T04:01:25.171Z","0.1.83":"2017-06-17T14:50:22.869Z","0.1.85":"2017-06-18T09:57:21.481Z","0.1.87":"2017-06-19T08:46:47.274Z","0.1.89":"2017-06-19T12:27:13.679Z","0.1.91":"2017-06-19T12:50:15.465Z","0.1.93":"2017-06-19T15:04:14.446Z","0.1.95":"2017-06-19T15:34:57.740Z","0.1.97":"2017-06-19T15:51:23.365Z","0.1.99":"2017-06-19T16:05:10.313Z","0.2.0":"2017-06-19T16:49:12.599Z","0.2.1":"2017-06-20T04:53:35.130Z","0.2.3":"2017-06-20T05:21:10.749Z","0.2.5":"2017-06-20T05:39:36.396Z","0.2.7":"2017-06-20T06:42:48.809Z","0.2.9":"2017-06-20T06:58:57.905Z","0.2.11":"2017-06-20T07:03:26.010Z","0.2.12":"2017-06-21T01:32:47.714Z","0.2.13":"2017-06-21T06:42:01.870Z","0.2.15":"2017-06-22T07:22:36.789Z","0.2.17":"2017-06-22T08:26:59.962Z","0.2.19":"2017-06-22T08:42:17.620Z","0.2.20":"2017-06-22T10:53:41.963Z","0.2.21":"2017-06-23T06:37:44.643Z","0.2.23":"2017-06-23T07:16:06.181Z","0.2.25":"2017-06-23T08:05:11.734Z","0.2.27":"2017-06-29T02:07:59.377Z","0.2.29":"2017-06-29T05:17:46.226Z","0.2.31":"2017-06-29T09:04:01.379Z","0.2.33":"2017-06-29T09:21:38.752Z","0.2.35":"2017-06-29T09:31:14.884Z","0.2.37":"2017-06-29T10:26:46.355Z","0.2.39":"2017-06-29T10:27:36.915Z","0.2.40":"2017-06-29T10:39:53.643Z","0.2.41":"2017-07-03T14:14:55.572Z","0.2.43":"2017-07-03T14:48:56.669Z","0.2.45":"2017-07-04T07:58:31.566Z","0.2.49":"2017-07-04T10:32:54.092Z","0.2.51":"2017-07-04T12:15:30.505Z","0.2.52":"2017-07-04T12:26:57.682Z","0.2.53":"2017-07-11T14:20:21.165Z","0.2.55":"2017-07-11T15:40:35.531Z","0.2.57":"2017-07-12T09:29:46.366Z","0.2.59":"2017-07-12T10:07:41.965Z","0.2.61":"2017-07-12T11:17:26.074Z","0.2.63":"2017-07-12T11:54:05.894Z","0.2.65":"2017-07-13T05:24:42.565Z","0.2.67":"2017-07-13T05:50:36.364Z","0.2.69":"2017-07-13T06:05:27.246Z","0.2.71":"2017-07-13T06:18:16.519Z","0.2.73":"2017-07-13T07:39:40.115Z","0.2.75":"2017-07-13T14:23:50.563Z","0.2.77":"2017-07-13T14:42:23.233Z","0.2.81":"2017-07-13T15:22:22.288Z","0.2.83":"2017-07-14T01:09:48.319Z","0.2.85":"2017-07-14T06:44:01.951Z","0.2.87":"2017-07-14T10:15:19.894Z","0.2.89":"2017-07-17T10:25:26.643Z","0.2.91":"2017-07-17T10:55:12.717Z","0.2.93":"2017-07-18T01:40:58.258Z","0.2.95":"2017-07-18T04:39:15.263Z","0.2.97":"2017-07-18T05:52:43.971Z","0.2.99":"2017-07-18T08:48:11.727Z","0.2.101":"2017-07-18T09:07:14.318Z","0.2.103":"2017-07-18T09:29:21.452Z","0.2.105":"2017-07-18T10:07:02.015Z","0.2.107":"2017-07-18T14:33:04.284Z","0.2.109":"2017-07-18T14:57:52.650Z","0.3.0":"2017-07-18T15:21:00.781Z","0.3.2":"2017-07-18T15:28:54.279Z","0.3.3":"2017-07-19T05:25:38.547Z","0.3.5":"2017-07-19T05:38:38.324Z","0.3.7":"2017-07-19T07:26:08.343Z","0.3.9":"2017-07-19T07:41:25.804Z","0.3.11":"2017-07-19T09:32:46.198Z","0.3.13":"2017-07-19T15:43:40.358Z","0.3.15":"2017-07-19T16:05:04.528Z","0.3.16":"2017-07-19T16:40:08.512Z","0.3.18":"2017-07-19T16:45:52.331Z","0.3.20":"2017-07-20T06:04:34.973Z","0.3.22":"2017-07-20T06:33:04.738Z","0.3.24":"2017-07-20T06:38:25.787Z","0.3.25":"2017-07-20T15:21:07.158Z","0.3.27":"2017-07-20T15:28:32.112Z","0.3.29":"2017-07-20T15:37:16.024Z","0.3.31":"2017-07-21T09:12:52.091Z","0.3.33":"2017-07-21T15:18:03.282Z","0.3.35":"2017-07-21T15:22:59.040Z","0.3.37":"2017-07-21T15:57:20.058Z","0.3.39":"2017-07-21T16:10:07.650Z","0.3.41":"2017-07-21T16:15:47.502Z","0.3.42":"2017-07-24T05:36:32.184Z","0.3.43":"2017-07-24T06:58:41.701Z","0.3.45":"2017-07-24T07:25:28.664Z","0.3.47":"2017-07-26T07:41:44.711Z","0.3.49":"2017-07-26T08:51:32.898Z","0.3.51":"2017-07-26T09:46:40.291Z","0.3.53":"2017-07-26T09:53:15.785Z","0.3.54":"2017-07-26T09:56:40.086Z","0.3.55":"2017-07-27T07:04:57.254Z","0.3.57":"2017-07-27T07:43:08.368Z","0.3.59":"2017-07-27T07:43:54.720Z","0.3.61":"2017-07-27T08:04:47.326Z","0.3.63":"2017-07-27T08:53:11.760Z","0.3.64":"2017-07-27T10:35:05.527Z","0.3.65":"2017-07-28T05:46:40.489Z","0.3.66":"2017-07-28T08:48:26.747Z","0.3.67":"2017-07-31T05:12:59.881Z","0.3.69":"2017-07-31T07:21:21.535Z","0.3.71":"2017-07-31T08:29:48.645Z","0.3.73":"2017-07-31T09:05:42.711Z","0.3.75":"2017-08-01T02:59:33.916Z","0.3.77":"2017-08-01T04:10:10.577Z","0.3.79":"2017-08-01T04:26:32.919Z","0.3.81":"2017-08-03T03:03:12.959Z","0.3.83":"2017-08-03T04:21:21.464Z","0.3.85":"2017-08-03T05:24:17.220Z","0.3.87":"2017-08-03T05:32:57.178Z","0.3.89":"2017-08-03T05:35:30.935Z","0.3.91":"2017-08-03T05:58:06.915Z","0.3.92":"2017-08-04T02:34:03.253Z","0.3.93":"2017-08-04T07:11:26.890Z","0.3.95":"2017-08-04T08:15:42.654Z","0.3.97":"2017-08-04T08:39:01.185Z","0.3.99":"2017-08-04T09:12:35.891Z","0.3.101":"2017-08-04T09:39:31.144Z","0.3.103":"2017-08-04T10:28:32.343Z","0.4.2":"2017-08-04T11:20:18.373Z","0.4.3":"2017-08-07T06:29:38.033Z","0.4.5":"2017-08-08T06:58:25.966Z","0.4.6":"2017-08-09T06:01:51.364Z","0.4.7":"2017-08-10T09:35:13.839Z","0.4.0":"2017-08-11T02:15:08.708Z","0.4.1":"2017-08-11T05:32:02.935Z","0.4.9":"2017-08-11T06:47:19.437Z","0.4.11":"2017-08-13T04:11:33.124Z","0.4.13":"2017-08-13T05:03:15.444Z","0.4.15":"2017-08-13T05:55:35.007Z","0.4.17":"2017-08-13T06:23:53.224Z","0.4.19":"2017-08-14T02:23:48.913Z","0.4.21":"2017-08-14T02:38:16.013Z","0.4.23":"2017-08-14T05:27:33.892Z","0.4.24":"2017-08-14T07:34:01.589Z","0.4.26":"2017-08-14T07:44:56.624Z","0.4.25":"2017-08-14T08:06:31.779Z","0.4.27":"2017-08-14T08:19:25.501Z","0.4.29":"2017-08-14T09:18:00.891Z","0.4.211":"2017-08-14T09:49:56.118Z","0.4.213":"2017-08-14T10:54:51.720Z","0.4.31":"2017-08-14T11:40:35.657Z","0.4.33":"2017-08-15T06:27:00.122Z","0.4.35":"2017-08-15T07:41:37.968Z","0.4.37":"2017-08-15T08:14:12.290Z","0.4.39":"2017-08-16T07:21:49.646Z","0.4.311":"2017-08-17T06:33:25.238Z","0.4.41":"2017-08-18T08:56:55.097Z","0.4.43":"2017-08-18T09:31:18.704Z","0.4.46":"2017-08-18T10:46:45.270Z","0.4.47":"2017-08-22T04:58:34.274Z","0.4.48":"2017-08-22T05:21:22.203Z","0.4.50":"2017-08-22T05:30:35.079Z","0.4.52":"2017-08-22T05:41:13.999Z","0.4.53":"2017-08-28T03:18:16.933Z","0.4.55":"2017-08-29T07:52:02.966Z","0.4.57":"2017-08-29T10:47:25.792Z","0.4.59":"2017-08-30T02:59:55.377Z","0.4.60":"2017-08-30T05:17:26.755Z","0.4.61":"2017-09-08T05:26:20.056Z","0.4.63":"2017-09-08T09:52:48.865Z","0.4.65":"2017-09-13T02:05:56.231Z","0.4.67":"2017-09-19T07:31:02.052Z","0.4.69":"2017-09-19T07:56:10.545Z","0.4.62":"2017-09-20T02:19:09.080Z","0.4.71":"2017-09-20T07:48:27.189Z","0.4.44-dev.0":"2017-09-21T03:03:16.025Z","0.4.44-dev.1":"2017-09-22T10:08:42.594Z","0.4.44-dev.2":"2017-09-22T10:30:25.464Z","0.4.44-dev.3":"2017-09-22T11:03:32.346Z","0.4.44-dev.4":"2017-09-24T17:32:52.762Z","0.4.7-2.dev.1":"2017-09-25T06:28:29.896Z","0.4.72":"2017-09-26T05:53:24.716Z","0.4.73":"2017-09-26T07:47:08.628Z","0.4.7-3.dev.1":"2017-09-26T09:01:42.318Z","0.4.75":"2017-09-26T11:24:43.966Z","0.4.7-5.dev1":"2017-09-26T11:50:53.887Z","0.4.7-5.dev2":"2017-09-27T01:42:16.674Z","0.4.7-5.dev3":"2017-09-27T02:13:41.126Z","0.4.7-5.dev4":"2017-09-27T02:35:29.448Z","0.4.7-5.dev5":"2017-09-27T02:46:12.205Z","0.4.7-5.dev6":"2017-09-27T03:02:31.604Z","0.4.7-5.dev7":"2017-09-27T05:01:00.585Z","0.4.7-3.dev.0":"2017-09-27T05:29:14.345Z","0.4.7-3.dev.dq.1":"2017-09-27T05:48:39.414Z","0.4.7-5.dev8":"2017-09-27T05:55:42.433Z","0.4.7-5.dev9":"2017-09-27T06:03:08.807Z","0.4.7-5.dev10":"2017-09-27T06:13:35.279Z","0.4.7-5.dev11":"2017-09-27T06:20:14.528Z","0.4.77":"2017-09-27T06:30:40.134Z","0.4.7-7.dev1":"2017-09-27T07:22:42.444Z","0.4.7-3.dev.dq.2":"2017-09-27T08:45:58.545Z","0.4.7-7.dev2":"2017-09-27T09:11:51.545Z","0.4.7-7.dev3":"2017-09-27T09:25:07.863Z","0.4.7-7.dev4":"2017-09-27T09:37:20.587Z","0.4.7-7.dev5":"2017-09-27T10:04:17.117Z","0.4.7-7.dev6":"2017-09-27T10:08:47.272Z","0.4.7-7.dev7":"2017-09-27T10:09:34.183Z","0.4.7-7.dev8":"2017-09-27T10:12:10.477Z","0.4.7-7.dev9":"2017-09-27T10:57:21.314Z","0.4.7-7.dev10":"2017-09-27T11:13:25.389Z","0.4.7-7.dev11":"2017-09-27T11:42:30.056Z","0.4.78":"2017-09-28T01:37:52.385Z","0.4.7-3.dev.dq.3":"2017-09-29T08:38:56.342Z","0.4.7-3.dev.dq.4":"2017-09-29T08:45:17.300Z","0.4.7-3.dev.dq.5":"2017-09-29T08:50:28.502Z","0.4.7-3.dev.dq.6":"2017-09-29T09:47:23.540Z","0.4.7-3.dev.dq.7":"2017-09-29T10:03:37.397Z","0.4.7-3.dev.dq.8":"2017-09-29T10:22:51.454Z","0.4.7-3.dev.dq.9":"2017-09-29T10:57:10.553Z","0.4.8":"2017-10-10T03:11:17.008Z","0.4.81":"2017-10-10T07:14:09.587Z","0.4.8-1.1":"2017-10-10T07:43:45.348Z","0.4.82":"2017-10-10T08:21:06.574Z","0.4.7-3.dev.dq.10":"2017-10-10T08:25:41.618Z","0.4.7-3.dev.dq.11":"2017-10-10T09:05:09.106Z","0.4.7-3.dev.dq.12":"2017-10-10T16:23:06.767Z","0.4.7-3.dev.dq.13":"2017-10-11T05:41:00.766Z","0.4.7-3.dev.dq.14":"2017-10-11T06:47:31.816Z","0.4.7-3.dev.dq.15":"2017-10-11T08:09:05.705Z","0.4.7-3.dev.16":"2017-10-11T09:47:01.003Z","0.4.7-3.dev.17":"2017-10-11T10:04:14.624Z","0.4.7-3.dev.18":"2017-10-11T10:17:48.685Z","0.4.7-3.dev.19":"2017-10-12T02:09:33.143Z","0.4.83":"2017-10-12T02:14:19.037Z","0.4.7-3.dev.20":"2017-10-12T10:56:25.794Z","0.4.7-3.dev.21":"2017-10-12T11:20:52.342Z","0.4.7-3.dev.22":"2017-10-12T11:35:33.846Z","0.4.7-3.dev.23":"2017-10-12T11:39:24.526Z","0.4.7-3.dev.24":"2017-10-13T02:31:17.526Z","0.4.7-3.dev.25":"2017-10-13T05:50:26.866Z","0.4.7-3.dev.26":"2017-10-13T06:55:54.114Z","0.4.7-3.dev.27":"2017-10-13T08:14:42.866Z","0.4.7-3.dev.28":"2017-10-13T08:23:26.983Z","0.4.7-3.dev.29":"2017-10-13T08:34:12.276Z","0.4.7-3.dev.30":"2017-10-13T09:23:23.608Z","0.4.7-3.dev.31":"2017-10-13T09:33:09.548Z","0.4.7-3.dev.32":"2017-10-13T09:37:24.261Z","0.4.7-3.dev.33":"2017-10-13T09:48:00.562Z","0.4.7-3.dev.34":"2017-10-16T03:21:45.831Z","0.4.7-3.dev.35":"2017-10-16T06:24:15.212Z","0.4.7-3.dev.36":"2017-10-16T09:21:29.385Z","0.4.7-3.dev.37":"2017-10-16T09:40:01.008Z","0.4.84":"2017-10-18T02:31:59.834Z","0.4.85":"2017-10-19T05:47:55.747Z","0.4.7-3.dev.38":"2017-10-19T10:52:51.580Z","0.4.7-3.dev.39":"2017-10-19T12:53:56.086Z","0.4.7-3.dev.40":"2017-10-19T13:21:38.817Z","0.4.7-3.dev.41":"2017-10-19T13:47:18.186Z","0.4.7-3.dev.42":"2017-10-19T13:53:24.481Z","0.4.8-4.dev.1":"2017-10-19T15:04:21.039Z","0.4.8-4.dev.2":"2017-10-19T15:13:49.555Z","0.4.8-4.dev.3":"2017-10-19T15:20:15.048Z","0.4.85-dev":"2017-10-20T08:47:55.164Z","0.4.85-dev-1":"2017-10-20T10:10:13.391Z","0.4.86":"2017-10-23T02:15:36.559Z","0.4.87":"2017-10-23T02:32:08.849Z","0.4.88":"2017-10-23T04:39:17.583Z","0.4.89":"2017-10-24T04:52:35.923Z","0.4.89-dev-1":"2017-10-26T01:45:37.391Z","0.4.89-dev-2":"2017-10-26T02:55:28.689Z","0.4.8-8.dev.1":"2017-10-26T03:00:16.504Z","0.4.90":"2017-10-26T03:02:32.516Z","0.4.91":"2017-10-27T06:44:59.348Z","0.4.9-2.dev":"2017-10-27T10:02:06.607Z","0.4.92":"2017-10-27T10:29:09.016Z","0.4.93":"2017-10-30T06:31:24.852Z","0.4.94":"2017-10-31T08:57:34.375Z","0.4.93-dp-1":"2017-10-31T09:32:08.879Z","0.4.93-dp-2":"2017-10-31T09:35:10.763Z","0.4.93-dp-3":"2017-10-31T10:33:07.923Z","0.4.9-3.dp-4":"2017-10-31T11:18:09.769Z","0.4.95":"2017-10-31T11:32:10.873Z","0.4.96":"2017-11-01T06:36:18.258Z","0.4.97":"2017-11-01T10:42:32.598Z","0.4.98":"2017-11-02T02:12:48.394Z","0.4.99":"2017-11-02T07:11:32.454Z","0.5.0":"2017-11-02T08:12:09.596Z","0.5.1":"2017-11-06T09:34:03.702Z","0.5.2":"2017-11-07T05:59:25.648Z","0.5.3":"2017-11-08T08:57:12.535Z","0.5.4":"2017-11-10T03:30:50.879Z","0.5.5":"2017-11-10T06:34:29.106Z","0.5.6":"2017-11-10T08:41:41.679Z","0.5.7":"2017-11-10T08:47:37.917Z","0.5.8":"2017-11-13T05:49:14.498Z","0.5.9":"2017-11-14T07:07:46.536Z","0.5.1-0.dev.1":"2017-11-16T02:43:24.491Z","0.5.9-test-1":"2017-11-16T09:09:19.227Z","0.5.9-test-2":"2017-11-16T09:20:49.151Z","0.5.9-test-3":"2017-11-16T10:06:29.998Z","0.5.9-test-4":"2017-11-17T06:05:03.992Z","0.5.10":"2017-11-17T08:57:23.596Z","0.5.9-test-5":"2017-11-17T10:33:15.068Z","0.5.9-test-6":"2017-11-17T10:54:42.631Z","0.5.1-0.dev":"2017-11-20T09:32:07.738Z","0.5.11":"2017-11-20T09:34:21.907Z","0.5.9-test-7":"2017-11-20T10:57:19.988Z","0.5.9-test-8":"2017-11-20T11:29:31.932Z","0.5.9-test-9":"2017-11-21T06:05:06.663Z","0.5.12":"2017-11-22T06:20:00.607Z","0.5.13":"2017-11-22T12:11:49.052Z","0.5.9-test-10":"2017-11-23T02:27:11.702Z","0.5.9-test-11":"2017-11-23T05:17:04.724Z","0.5.9-test-12":"2017-11-23T06:02:53.356Z","0.5.14":"2017-11-23T06:23:28.235Z","0.5.1-3.dev.0":"2017-11-23T07:52:50.246Z","0.5.1-3.dev.1":"2017-11-23T11:14:26.546Z","0.5.1-3.dev.2":"2017-11-23T11:21:11.161Z","0.5.1-3.dev.3":"2017-11-23T12:45:48.318Z","0.5.1-3.dev.4":"2017-11-23T12:55:12.169Z","0.5.1-3.dev.5":"2017-11-24T05:21:04.355Z","0.5.1-3.dev.6":"2017-11-24T06:35:57.552Z","0.5.1-3.dev.7":"2017-11-24T07:01:50.653Z","0.5.1-3.dev.8":"2017-11-24T08:18:34.165Z","0.5.9-test-13":"2017-11-27T03:01:50.423Z","0.5.9-test-14":"2017-11-27T05:45:05.449Z","0.5.1-3.dev.9":"2017-11-28T02:41:57.697Z","0.5.1-3.dev.10":"2017-11-28T02:48:59.223Z","0.5.1-3.dev.11":"2017-11-28T03:36:15.099Z","0.5.1-3.dev.12":"2017-11-28T03:37:30.082Z","0.5.1-3.dev.13":"2017-11-28T06:14:55.786Z","0.5.1-3.dev.14":"2017-11-28T06:26:40.114Z","0.5.1-3.dev.15":"2017-11-28T06:31:35.194Z","0.5.1-3.dev.16":"2017-11-28T07:15:44.569Z","0.5.1-3.dev.17":"2017-11-28T07:29:58.012Z","0.5.1-3.dev.18":"2017-11-28T07:51:21.795Z","0.5.9-test-15":"2017-11-28T11:27:56.699Z","0.5.15":"2017-11-28T11:56:26.114Z","0.5.1-3.dev.19":"2017-11-28T13:22:40.427Z","0.5.1-3.dev.20":"2017-11-28T13:38:09.140Z","0.5.9-test-16":"2017-11-29T03:11:54.189Z","0.5.17":"2017-11-29T05:40:23.615Z","0.5.19":"2017-11-29T05:54:57.459Z","0.5.21":"2017-11-29T06:06:46.083Z","0.5.23":"2017-11-29T08:23:16.036Z","0.5.1-3.dev.21":"2017-11-29T08:38:42.449Z","0.5.1-3.dev.22":"2017-11-29T08:54:50.500Z","0.5.1-3.dev.23":"2017-11-29T09:06:16.568Z","0.5.1-3.dev.24":"2017-11-29T09:24:43.379Z","0.5.1-3.dev.26":"2017-11-29T09:30:45.454Z","0.5.16":"2017-11-29T09:39:59.120Z","0.5.18":"2017-11-29T09:53:18.405Z","0.5.9-test-17":"2017-11-30T06:11:26.724Z","0.5.9-test-18":"2017-11-30T06:32:08.839Z","0.5.1-3.dev.27":"2017-11-30T09:17:48.949Z","0.5.1-3.dev.28":"2017-11-30T09:36:31.077Z","0.5.1-3.dev.29":"2017-11-30T10:21:55.167Z","0.5.1-3.dev.30":"2017-11-30T10:31:35.309Z","0.5.1-3.dev.31":"2017-11-30T10:45:56.134Z","0.5.1-3.dev.32":"2017-11-30T11:12:55.705Z","0.5.1-3.dev.33":"2017-11-30T11:15:42.724Z","0.5.1-3.dev.34":"2017-11-30T11:17:00.073Z","0.5.1-3.dev.35":"2017-11-30T12:03:14.344Z","0.5.1-3.dev.36":"2017-11-30T12:26:32.406Z","0.5.1-3.dev.37":"2017-11-30T12:35:14.777Z","0.5.1-3.dev.38":"2017-11-30T12:48:39.260Z","0.5.1-3.dev.39":"2017-11-30T12:57:12.740Z","0.5.1-3.dev.40":"2017-12-01T05:58:35.146Z","0.5.1-3.dev.41":"2017-12-01T06:39:55.141Z","0.5.1-3.dev.42":"2017-12-01T06:55:54.560Z","0.5.1-3.dev.43":"2017-12-01T07:28:24.722Z","0.5.1-3.dev.44":"2017-12-01T10:28:13.951Z","0.5.1-3.dev.45":"2017-12-01T10:32:24.807Z","0.5.1-3.dev.46":"2017-12-01T10:45:08.282Z","0.5.1-3.dev.47":"2017-12-01T10:55:29.916Z","0.5.1-3.dev.48":"2017-12-01T11:11:32.696Z","0.5.1-3.dev.49":"2017-12-01T11:25:44.149Z","0.5.20":"2017-12-04T08:25:02.261Z","0.5.2-0.dev.1":"2017-12-04T09:35:03.401Z","0.5.2-0.dev.2":"2017-12-04T10:28:41.329Z","0.5.22":"2017-12-04T10:51:04.209Z","0.5.24":"2017-12-04T11:05:53.725Z","0.5.9-test-19":"2017-12-08T06:00:34.190Z","0.5.9-test-20":"2017-12-12T05:21:33.854Z","0.5.25":"2017-12-12T05:43:03.017Z","0.5.26":"2017-12-12T09:57:29.143Z","0.5.27":"2017-12-12T09:59:23.324Z","0.5.28":"2017-12-12T10:22:40.314Z","0.5.29":"2017-12-13T06:11:30.480Z","0.5.29-dev.0":"2017-12-13T06:27:33.500Z","0.4.100-dev.0":"2017-12-13T06:39:54.615Z","0.4.100":"2017-12-13T06:54:07.397Z","0.6.0":"2017-12-13T07:35:31.913Z","0.6.0-dev.0":"2017-12-13T11:17:57.214Z","0.6.1-dev.0":"2017-12-13T11:18:21.084Z","0.6.1-dev.1":"2017-12-13T12:24:42.277Z","0.6.0-dev.2":"2017-12-13T12:36:06.043Z","0.6.1-dev.2":"2017-12-13T12:37:24.279Z","0.6.1-dev.3":"2017-12-13T13:06:30.781Z","0.6.1-dev.4":"2017-12-13T13:22:13.103Z","0.6.1-dev.5":"2017-12-14T06:24:27.722Z","0.6.1-dev.6":"2017-12-14T06:32:37.475Z","0.6.1-dev.7":"2017-12-15T08:27:34.393Z","0.6.0-beta":"2017-12-15T11:24:56.209Z","0.6.1-beta":"2017-12-18T07:36:10.069Z","0.5.9-test-22":"2017-12-20T10:30:46.658Z","0.5.9-test-23":"2017-12-20T10:52:13.374Z","0.5.9-test-24":"2017-12-20T11:32:23.016Z","0.5.9-test-25":"2017-12-20T11:58:07.684Z","0.5.9-test-26":"2017-12-21T02:15:45.660Z","0.5.9-test-27":"2017-12-21T02:41:30.191Z","0.6.1-beta.1":"2017-12-22T03:20:45.481Z","0.5.9-test-28":"2017-12-25T07:31:41.166Z","0.6.1":"2017-12-25T07:45:35.167Z","0.5.9-test-29":"2017-12-25T07:54:51.133Z","0.6.2":"2017-12-25T08:04:43.296Z","0.5.9-tesst-30":"2017-12-25T08:20:37.886Z","0.5.9-test-30":"2017-12-25T08:46:15.917Z","0.5.9-test-31":"2017-12-25T08:56:01.306Z","0.6.3-dev.0":"2017-12-25T12:07:11.998Z","0.5.9-test-32":"2017-12-26T05:38:33.189Z","0.6.3-dev.1":"2017-12-26T05:48:25.020Z","0.5.9-test-33":"2017-12-26T06:18:50.376Z","0.6.3-dev.2":"2017-12-26T06:37:29.867Z","0.5.9-test-34":"2017-12-26T06:38:31.354Z","0.5.9-test-35":"2017-12-26T06:44:59.679Z","0.6.3-dev.3":"2017-12-26T06:46:00.519Z","0.6.3-dev.4":"2017-12-26T06:53:06.122Z","0.6.3-dev.5":"2017-12-26T07:29:13.373Z","0.6.3-dev.6":"2017-12-26T07:50:19.056Z","0.6.3-dev.7":"2017-12-26T07:51:08.679Z","0.6.3-dev.8":"2017-12-26T08:12:23.385Z","0.6.3":"2017-12-26T09:02:57.128Z","0.5.9-test-36":"2017-12-26T14:12:26.527Z","0.5.9-test-37":"2017-12-26T14:21:41.741Z","0.5.9-test-38":"2017-12-26T16:12:56.533Z","0.5.9-test-39":"2017-12-26T16:21:18.034Z","0.6.0-test-1":"2017-12-26T18:08:13.632Z","0.6.0-test-2":"2017-12-27T01:36:21.088Z","0.6.4":"2017-12-28T09:25:29.071Z","0.6.5":"2017-12-28T09:37:43.803Z","0.6.5-dev.0":"2017-12-29T08:33:34.402Z","0.6.5-dev.1":"2017-12-29T10:55:04.866Z","0.6.5-dev.2":"2017-12-29T11:54:40.136Z","0.6.5-dev.3":"2017-12-29T12:34:30.515Z","0.6.5-dev.4":"2018-01-02T10:26:59.798Z","0.6.5-dev.5":"2018-01-03T04:50:09.894Z","0.6.5-dev.6":"2018-01-03T05:13:08.673Z","0.6.5-dev.7":"2018-01-03T05:18:38.156Z","0.6.5-dev.8":"2018-01-03T05:52:57.034Z","0.6.0-test-3":"2018-01-03T07:29:59.391Z","0.6.6-dev.0":"2018-01-03T07:40:33.729Z","0.6.0-test-4":"2018-01-03T07:50:41.117Z","0.6.0-test-5":"2018-01-03T08:14:01.445Z","0.6.6":"2018-01-03T09:32:20.106Z","0.6.0-test-6":"2018-01-04T08:22:35.683Z","0.6.7":"2018-01-04T16:11:33.311Z","0.6.8":"2018-01-05T01:55:37.054Z","0.6.0-test-7":"2018-01-05T05:31:50.740Z","0.6.0-test-8":"2018-01-05T06:15:21.289Z","0.6.7-dev.0":"2018-01-05T06:24:20.698Z","0.6.9":"2018-01-05T06:29:31.277Z","0.6.10-beta.0":"2018-01-08T06:30:06.745Z","0.6.9-test-1":"2018-01-08T06:47:01.282Z","0.6.10":"2018-01-08T08:54:20.381Z","0.6.10-beta.1":"2018-01-08T10:35:51.418Z","0.6.10-beta.2":"2018-01-08T11:27:37.625Z","0.6.11":"2018-01-08T15:34:51.390Z","0.6.12":"2018-01-09T02:16:57.543Z","0.6.13":"2018-01-09T02:18:49.132Z","0.6.13-test-1":"2018-01-11T02:59:28.515Z","0.6.6-test-2":"2018-01-11T08:39:13.160Z","0.6.6-test-3":"2018-01-11T12:25:00.648Z","0.6.6-test-4":"2018-01-12T02:43:02.829Z","0.6.14":"2018-01-12T03:14:20.967Z","0.6.15":"2018-01-12T03:38:43.413Z","0.6.6-test-5":"2018-01-12T04:38:45.068Z","0.6.16":"2018-01-12T05:01:07.462Z","0.6.6-test-6":"2018-01-12T08:34:15.556Z","0.6.6-test-7":"2018-01-12T08:41:13.063Z","0.6.6-test-8":"2018-01-12T08:49:26.938Z","0.6.6-test-10":"2018-01-15T02:11:59.996Z","0.6.17":"2018-01-15T03:02:05.135Z","0.6.6-test-11":"2018-01-16T02:53:27.164Z","0.6.14-beta.0":"2018-01-16T04:16:08.949Z","0.6.6-test-12":"2018-01-16T05:29:10.643Z","0.6.6-test-13":"2018-01-16T06:28:42.587Z","0.6.18":"2018-01-16T07:00:53.918Z","0.6.6-test-14":"2018-01-16T07:41:17.428Z","0.6.19":"2018-01-16T07:50:30.931Z","0.6.14-beta.1":"2018-01-16T09:32:55.165Z","0.6.1-4.beta.2":"2018-01-16T12:47:48.967Z","0.6.14-beta.2":"2018-01-16T12:54:49.116Z","0.6.20-beta.1":"2018-01-16T13:03:53.161Z","0.6.20-beta.2":"2018-01-16T13:13:23.855Z","0.6.6-test-15":"2018-01-17T03:03:21.697Z","0.6.20":"2018-01-17T03:22:47.976Z","0.6.20-dev.1":"2018-01-17T07:37:46.175Z","0.6.6-test-16":"2018-01-17T08:15:47.638Z","0.6.20-beta.3":"2018-01-17T09:17:04.907Z","0.6.20-beta.4":"2018-01-17T09:24:38.873Z","0.6.6-test-17":"2018-01-17T10:19:44.163Z","0.6.21":"2018-01-17T11:42:32.425Z","0.6.20-beta.5":"2018-01-17T12:36:15.675Z","0.6.22":"2018-01-18T05:26:38.481Z","0.6.23":"2018-01-18T07:04:56.048Z","0.6.22-beta.1":"2018-01-18T07:16:11.623Z","0.6.23-beta.1":"2018-01-18T07:50:37.552Z","0.6.24":"2018-01-18T08:26:01.050Z","0.6.25-dev.1":"2018-01-18T10:01:12.169Z","0.6.25-dev.2":"2018-01-18T10:17:35.614Z","0.6.25-dev.3":"2018-01-18T10:25:13.944Z","0.6.25":"2018-01-19T07:43:33.268Z","0.6.26":"2018-01-19T09:32:52.712Z","0.6.27":"2018-01-19T09:33:20.026Z","0.6.28":"2018-01-23T06:43:04.477Z","0.6.25-test-1":"2018-01-23T10:20:36.383Z","0.6.25-test-2":"2018-01-23T10:29:35.910Z","0.6.25-test-3":"2018-01-23T11:19:35.266Z","0.6.29":"2018-01-23T11:26:35.264Z","0.6.29-dev.0":"2018-01-23T11:53:55.212Z","0.6.30-dev.0":"2018-01-25T07:16:37.722Z","0.6.30-dev.1":"2018-01-25T08:57:03.731Z","0.6.30":"2018-01-25T09:03:15.923Z","0.6.25-test-10":"2018-01-26T01:56:37.420Z","0.6.25-test-11":"2018-01-26T02:40:47.678Z","0.6.31":"2018-01-26T02:57:07.236Z","0.6.30-test-1":"2018-01-26T03:52:24.047Z","0.6.31-dev.0":"2018-01-26T03:58:43.011Z","0.6.31-dev.1":"2018-01-26T04:06:15.658Z","0.6.32":"2018-01-26T04:07:54.969Z","0.6.33":"2018-01-26T06:47:50.778Z","0.6.31-dev.3":"2018-01-26T06:49:17.407Z","0.6.31-dev.4":"2018-01-26T06:57:05.862Z","0.6.33-dev.1":"2018-01-26T07:18:29.979Z","0.6.34":"2018-01-26T07:29:59.892Z","0.6.34-dev.2":"2018-01-26T07:30:41.398Z","0.6.34-dev.3":"2018-01-26T07:39:49.359Z","0.6.35":"2018-01-26T07:47:22.068Z","0.6.36":"2018-01-26T12:41:54.199Z","0.6.30-test-5":"2018-01-29T09:12:12.765Z","0.6.37":"2018-01-29T09:31:38.118Z","0.6.38":"2018-01-29T10:59:05.698Z","0.6.39":"2018-01-29T11:34:29.994Z","0.6.41":"2018-01-29T13:56:10.705Z","0.6.42":"2018-01-30T03:50:29.455Z","0.6.43":"2018-01-31T08:30:02.132Z","0.6.41-dev.1":"2018-02-02T02:52:12.424Z","0.6.41-test-1":"2018-02-02T11:00:26.525Z","0.6.41-test-2":"2018-02-02T11:15:50.558Z","0.6.41-test-3":"2018-02-02T11:39:56.995Z","0.6.44":"2018-02-05T10:48:14.756Z","0.6.45-dev.1":"2018-02-05T11:04:32.910Z","0.6.45-dev.2":"2018-02-05T11:16:42.651Z","0.6.45-dev.3":"2018-02-05T11:30:08.238Z","0.6.45-dev.4":"2018-02-05T11:46:16.880Z","0.6.45-dev.5":"2018-02-05T11:47:10.683Z","0.6.45-dev.6":"2018-02-05T11:54:05.311Z","0.6.45-dev.7":"2018-02-05T12:16:18.940Z","0.6.45":"2018-02-06T02:53:07.359Z","0.6.41-test-4":"2018-02-26T07:47:45.932Z","0.6.41-test-5":"2018-02-26T08:27:21.714Z","0.6.41-test-6":"2018-02-26T09:46:33.363Z","0.6.41-test-7":"2018-02-27T10:19:15.196Z","0.6.41-test-8":"2018-02-27T10:25:09.971Z","0.6.41-test-9":"2018-02-28T04:38:04.615Z","0.6.41-test-10":"2018-02-28T04:54:54.827Z","0.6.41-test-11":"2018-02-28T05:00:43.592Z","0.6.41-test-12":"2018-02-28T05:41:24.026Z","0.6.41-test-13":"2018-02-28T06:49:45.866Z","0.6.41-test-14":"2018-02-28T08:48:48.144Z","0.6.41-test-15":"2018-02-28T10:55:15.762Z","0.6.41-test-16":"2018-02-28T11:28:55.123Z","0.6.41-test-17":"2018-02-28T11:36:55.407Z","0.6.41-test-20":"2018-02-28T12:25:05.596Z","0.6.41-test-21":"2018-03-01T01:32:25.296Z","0.6.41-test-22":"2018-03-01T03:22:31.387Z","0.6.41-test-23":"2018-03-01T05:14:01.271Z","0.6.41-test-24":"2018-03-01T05:26:01.710Z","0.6.41-test-26":"2018-03-02T05:21:01.364Z","0.6.41-test-27":"2018-03-02T09:56:00.267Z","0.6.41-test-28":"2018-03-02T09:57:39.015Z","0.6.41-test-29":"2018-03-03T02:00:22.437Z","0.6.42-test-1":"2018-03-05T02:33:59.066Z","0.6.42-test-2":"2018-03-05T03:06:19.665Z","0.6.42-test-3":"2018-03-05T04:29:18.324Z","0.6.42-test-4":"2018-03-05T06:03:54.805Z","0.6.42-test-5":"2018-03-05T06:41:38.846Z","0.6.42-test-6":"2018-03-05T07:45:47.989Z","0.6.45-test-1":"2018-03-05T09:30:35.311Z","0.6.45-test-2":"2018-03-05T12:07:40.728Z","0.6.42-test-10":"2018-03-06T02:21:15.033Z","0.6.42-test-11":"2018-03-06T02:58:34.448Z","0.6.42-test-12":"2018-03-06T05:23:12.616Z","0.6.42-test-13":"2018-03-06T09:23:45.580Z","0.6.42-test-14":"2018-03-06T10:23:38.439Z","0.6.42-test-15":"2018-03-06T10:40:43.774Z","0.6.46":"2018-03-06T11:26:24.655Z","0.6.48-dev.0":"2018-03-08T02:27:42.885Z","0.6.48-dev.1":"2018-03-08T06:39:30.021Z","0.6.48-dev.2":"2018-03-08T06:46:14.264Z","0.6.48-dev.3":"2018-03-08T06:51:01.795Z","0.6.47":"2018-03-08T08:00:58.065Z","0.6.48-dev.4":"2018-03-08T08:04:23.597Z","0.6.48-dev.5":"2018-03-08T08:07:56.703Z","0.6.48-dev.6":"2018-03-08T08:45:23.390Z","0.6.48-dev.7":"2018-03-08T09:17:43.292Z","0.6.48-dev.8":"2018-03-08T10:02:31.836Z","0.6.48-dev.9":"2018-03-08T10:30:32.195Z","0.6.48-dev.10":"2018-03-08T10:42:08.726Z","0.6.48-dev.11":"2018-03-08T11:39:29.487Z","0.6.48-dev.12":"2018-03-08T11:54:08.634Z","0.6.48-dev.13":"2018-03-08T12:02:47.735Z","0.6.48-dev.14":"2018-03-08T12:18:38.515Z","0.6.48-dev.15":"2018-03-08T12:32:45.206Z","0.6.48-dev.16":"2018-03-08T12:38:00.908Z","0.6.48-dev.17":"2018-03-08T12:46:53.615Z","0.6.48-dev.18":"2018-03-08T13:11:32.678Z","0.6.48-dev.19":"2018-03-08T13:22:00.194Z","0.6.48-dev.20":"2018-03-09T06:36:33.169Z","0.6.48-dev.21":"2018-03-09T06:53:36.697Z","0.6.48-dev.22":"2018-03-09T08:57:29.761Z","0.6.48-dev.23":"2018-03-09T09:37:09.660Z","0.6.48-dev.24":"2018-03-09T11:49:13.860Z","0.6.48-dev.25":"2018-03-09T12:02:36.397Z","0.6.48-dev.26":"2018-03-09T12:28:16.399Z","0.6.48-dev.27":"2018-03-09T12:54:21.733Z","0.6.48-dev.28":"2018-03-09T15:01:15.748Z","0.6.48-dev.29":"2018-03-09T15:17:19.546Z","0.6.48-dev.30":"2018-03-09T15:21:52.317Z","0.6.48-dev.31":"2018-03-09T15:26:33.345Z","0.6.48-dev.32":"2018-03-09T15:35:42.289Z","0.6.48-dev.33":"2018-03-09T15:47:37.192Z","0.6.48-dev.34":"2018-03-09T16:00:58.081Z","0.6.48-dev.35":"2018-03-09T16:25:52.729Z","0.6.48-dev.36":"2018-03-09T16:27:56.744Z","0.6.48-dev.37":"2018-03-11T01:45:50.016Z","0.6.48-dev.38":"2018-03-11T01:52:05.036Z","0.6.48-dev.39":"2018-03-11T13:59:33.790Z","0.6.48-dev.40":"2018-03-11T14:08:41.869Z","0.6.48-dev.41":"2018-03-11T14:16:03.765Z","0.6.48-dev.42":"2018-03-11T14:26:09.637Z","0.6.48-dev.44":"2018-03-11T14:51:39.518Z","0.6.48-dev.45":"2018-03-11T15:03:47.916Z","0.6.48-dev.47":"2018-03-11T15:09:24.899Z","0.6.48-dev.48":"2018-03-11T15:19:05.468Z","0.6.48-dev.49":"2018-03-11T15:26:46.060Z","0.6.48-dev.50":"2018-03-11T15:34:29.127Z","0.6.48-dev.51":"2018-03-11T16:10:09.771Z","0.6.48-dev.53":"2018-03-11T16:17:25.272Z","0.6.48-dev.54":"2018-03-11T16:18:57.939Z","0.6.48-dev.55":"2018-03-11T16:25:51.488Z","0.6.48-dev.56":"2018-03-12T02:57:08.797Z","0.6.48-dev.57":"2018-03-12T03:20:11.491Z","0.6.48-dev.58":"2018-03-12T03:20:48.822Z","0.6.48-dev.59":"2018-03-12T07:41:42.334Z","0.6.48-dev.60":"2018-03-12T08:47:23.300Z","0.6.48-dev.61":"2018-03-12T09:01:25.575Z","0.6.48-dev.70":"2018-03-12T12:12:34.398Z","0.6.48-dev.71":"2018-03-12T12:20:57.435Z","0.6.48":"2018-03-12T12:48:41.285Z","0.6.49":"2018-03-13T06:10:32.747Z","0.6.45-test-8":"2018-03-13T06:28:05.856Z","0.6.50":"2018-03-13T06:51:15.468Z","0.6.51":"2018-03-13T07:11:25.293Z","0.6.52":"2018-03-13T07:33:03.147Z","0.6.48-dev.62":"2018-03-13T10:54:47.559Z","0.6.48-dev.63":"2018-03-13T12:06:37.677Z","0.6.48-dev.64":"2018-03-13T12:12:10.852Z","0.6.48-dev.65":"2018-03-13T12:14:29.354Z","0.6.48-dev.66":"2018-03-14T05:56:56.440Z","0.6.48-dev.67":"2018-03-14T06:15:48.443Z","0.6.48-dev.68":"2018-03-14T06:48:31.467Z","0.6.48-dev.69":"2018-03-14T07:12:00.267Z","0.6.48-dev.80":"2018-03-14T07:54:59.284Z","0.6.48-dev.81":"2018-03-14T09:31:28.286Z","0.6.48-dev.82":"2018-03-14T09:53:10.554Z","0.6.48-dev.83":"2018-03-15T06:11:41.982Z","0.6.48-dev.84":"2018-03-15T06:25:16.934Z","0.6.48-dev.85":"2018-03-15T08:35:09.613Z","0.6.45-test-20":"2018-03-19T03:44:47.306Z","0.6.45-test-21":"2018-03-19T04:17:46.441Z","0.6.45-test-22":"2018-03-19T05:35:25.636Z","0.6.48-dev.86":"2018-03-19T06:20:15.749Z","0.6.48-dev.87":"2018-03-19T06:33:53.450Z","0.6.48-dev.88":"2018-03-19T06:43:06.987Z","0.6.48-dev.89":"2018-03-19T08:47:12.806Z","0.6.48-dev.90":"2018-03-19T09:10:48.425Z","0.6.48-dev.91":"2018-03-19T09:18:51.469Z","0.6.48-dev.92":"2018-03-19T09:45:54.467Z","0.6.48-dev.93":"2018-03-19T10:07:05.539Z","0.6.48-dev.94":"2018-03-19T10:18:32.507Z","0.6.48-dev.95":"2018-03-19T10:27:44.210Z","0.6.48-dev.96":"2018-03-19T11:37:12.578Z","0.6.45-test-24":"2018-03-20T04:45:39.744Z","0.6.48-dev.97":"2018-03-20T06:48:33.547Z","0.6.48-dev.98":"2018-03-20T07:06:40.749Z","0.6.48-dev.99":"2018-03-20T07:22:44.404Z","0.6.48-dev.100":"2018-03-20T07:39:31.827Z","0.6.48-dev.101":"2018-03-20T07:51:57.491Z","0.6.48-dev.102":"2018-03-20T08:02:48.128Z","0.6.48-dev.103":"2018-03-20T09:14:57.953Z","0.6.48-dev.104":"2018-03-20T09:22:10.302Z","0.6.48-dev.105":"2018-03-20T09:41:36.658Z","0.6.48-dev.106":"2018-03-20T10:56:11.624Z","0.6.45-test-25":"2018-03-21T01:32:30.285Z","0.6.45-test-26":"2018-03-22T08:20:23.307Z","0.6.45-test-27":"2018-03-22T09:03:12.317Z","0.6.45-test-28":"2018-03-22T10:02:53.963Z","0.6.45-test-29":"2018-03-22T10:54:58.325Z","0.6.45-test-30":"2018-03-22T11:16:35.548Z","0.6.46-test-29":"2018-03-22T11:19:39.855Z","0.6.48-dev.107":"2018-03-22T11:36:50.791Z","0.6.48-dev.108":"2018-03-22T11:46:03.968Z","0.6.46-test-30":"2018-03-23T01:31:27.535Z","0.6.53":"2018-03-23T01:50:50.131Z","0.6.48-dev.109":"2018-03-23T08:51:20.513Z","0.6.48-dev.110":"2018-03-23T09:06:27.456Z","0.6.48-dev.111":"2018-03-23T09:18:23.518Z","0.6.48-dev.112":"2018-03-23T09:24:19.713Z","0.6.54":"2018-03-23T09:47:21.874Z","0.6.54-dev.1":"2018-03-23T10:27:22.439Z","0.6.47-test-1":"2018-03-26T08:41:24.820Z","0.6.47-test-2":"2018-03-26T09:02:46.356Z","0.6.48-dev.113":"2018-03-26T09:10:55.442Z","0.6.54-dev.2":"2018-03-26T09:13:31.841Z","0.6.54-dev.3":"2018-03-26T09:28:44.780Z","0.6.55":"2018-03-26T09:36:54.346Z","0.6.56":"2018-03-27T01:40:33.993Z","0.6.57":"2018-03-27T02:02:47.439Z","0.6.56-dev.1":"2018-03-27T03:27:02.847Z","0.6.58":"2018-03-27T05:58:12.694Z","0.6.59-dev.1":"2018-03-28T06:52:06.298Z","0.6.5-9.dev.2":"2018-03-28T08:41:10.498Z","0.6.59-dev.2":"2018-03-28T08:42:38.878Z","0.6.59-dev.3":"2018-03-28T08:56:20.745Z","0.6.59":"2018-03-28T09:04:52.718Z","0.6.60":"2018-03-28T10:54:26.719Z","0.6.61-dev.0":"2018-03-29T09:56:43.372Z","0.6.61-dev.1":"2018-03-29T11:12:58.653Z","0.6.61-dev.3":"2018-03-29T11:26:25.211Z","0.6.61":"2018-03-29T11:35:37.623Z","0.6.47-test-5":"2018-03-30T01:23:54.675Z","0.6.62":"2018-03-30T03:10:48.507Z","0.6.61-test-1":"2018-04-02T05:45:04.227Z","0.6.63":"2018-04-02T06:19:34.071Z","0.6.63-dev.0":"2018-04-03T02:28:40.990Z","0.6.63-dev.1":"2018-04-03T02:41:23.837Z","0.6.64":"2018-04-03T09:51:46.181Z","0.6.65":"2018-04-03T10:02:49.260Z","0.6.66":"2018-04-03T11:17:55.399Z","0.6.66-dev.0":"2018-04-03T11:23:35.300Z","0.6.67":"2018-04-03T11:52:41.170Z","0.7.0-dev.1":"2018-04-03T13:06:04.865Z","0.6.61-test-2":"2018-04-04T02:03:25.288Z","0.6.68":"2018-04-04T08:49:57.582Z","0.6.67-test-1":"2018-04-09T01:46:37.874Z","0.6.69":"2018-04-09T02:09:36.131Z","0.7.0-dev.2":"2018-04-09T07:16:57.280Z","0.7.0-dev.4":"2018-04-09T08:08:45.592Z","0.7.0-dev.5":"2018-04-09T08:15:46.885Z","0.7.0-dev.6":"2018-04-09T08:25:58.369Z","0.7.0-dev.7":"2018-04-09T08:39:34.762Z","0.7.0-dev.8":"2018-04-09T09:06:24.176Z","0.7.0-dev.9":"2018-04-09T09:20:59.466Z","0.7.0-dev.10":"2018-04-09T09:50:27.256Z","0.7.0-dev.11":"2018-04-09T10:03:16.491Z","0.7.0-dev.12":"2018-04-09T10:31:38.511Z","0.7.0-dev.13":"2018-04-09T11:35:54.551Z","0.7.0-dev.14":"2018-04-09T11:39:22.125Z","0.7.0-dev.15":"2018-04-09T12:00:55.004Z","0.7.0-dev.16":"2018-04-09T12:46:46.944Z","0.7.0-dev.17":"2018-04-09T13:13:57.987Z","0.7.0-dev.19":"2018-04-09T14:04:27.264Z","0.7.0-dev.18":"2018-04-09T14:17:58.099Z","0.6.70":"2018-04-10T02:40:56.016Z","0.7.0-dev.20":"2018-04-10T03:05:54.851Z","0.7.0-dev.21":"2018-04-10T03:22:21.291Z","0.7.0-dev.22":"2018-04-10T05:41:53.064Z","0.7.0-dev.23":"2018-04-10T05:54:49.435Z","0.6.67-test-2":"2018-04-10T07:16:11.710Z","0.6.71":"2018-04-10T08:02:22.687Z","0.6.72-dev.1":"2018-04-10T10:37:24.411Z","0.6.72-dev.2":"2018-04-10T11:06:13.237Z","0.6.72-dev.3":"2018-04-10T11:29:41.197Z","0.6.70-dev.4":"2018-04-10T11:38:29.788Z","0.6.72":"2018-04-10T12:48:04.638Z","0.6.73":"2018-04-11T06:40:37.878Z","0.6.72-test-1":"2018-04-12T09:11:59.250Z","0.6.74":"2018-04-13T01:33:09.888Z","0.6.72-test-3":"2018-04-16T04:25:07.954Z","0.6.72-test-4":"2018-04-16T08:25:44.168Z","0.6.74-dev.0":"2018-04-16T09:01:05.972Z","0.6.75":"2018-04-16T09:31:04.480Z","0.6.74-dev.2":"2018-04-16T09:58:28.066Z","0.6.74-dev.3":"2018-04-16T16:30:38.486Z","0.6.76-dev.1":"2018-04-17T08:26:34.175Z","0.6.76-dev.2":"2018-04-17T09:12:25.385Z","0.6.76":"2018-04-17T10:21:25.712Z","0.6.77":"2018-04-17T10:37:33.066Z","0.6.78":"2018-04-17T11:14:00.944Z","0.6.79":"2018-04-17T11:30:34.783Z","0.7.0":"2018-04-17T11:50:55.911Z","0.7.1":"2018-04-18T04:02:07.005Z","0.6.80":"2018-04-18T06:24:11.604Z","0.7.2-dev.0":"2018-04-18T06:43:09.166Z","0.7.2-dev.2":"2018-04-18T07:52:18.510Z","0.7.2-dev.3":"2018-04-18T08:39:54.849Z","0.7.2-dev.4":"2018-04-18T09:24:37.760Z","0.7.1-test-1":"2018-04-18T09:33:11.640Z","0.6.81":"2018-04-18T10:17:24.080Z","0.7.2-dev.5":"2018-04-18T11:01:59.542Z","0.7.2-dev.6":"2018-04-18T12:30:03.108Z","0.7.2-dev.7":"2018-04-18T12:42:01.226Z","0.7.2-dev.8":"2018-04-18T13:04:50.566Z","0.7.2":"2018-04-18T13:14:08.029Z","0.6.82":"2018-04-18T13:28:39.016Z","0.7.1-test-2":"2018-04-19T01:35:44.384Z","0.6.83":"2018-04-19T04:10:02.701Z","0.7.3":"2018-04-19T07:43:02.744Z","0.6.84":"2018-04-19T08:13:29.279Z","0.6.85-dev.1":"2018-04-20T07:26:38.985Z","0.6.85-dev.2":"2018-04-20T07:59:24.255Z","0.6.85-dev.4":"2018-04-20T08:40:07.498Z","0.6.85-dev.5":"2018-04-20T08:43:43.889Z","0.6.85-dev.6":"2018-04-20T09:13:48.842Z","0.7.2-test-1":"2018-04-20T09:33:19.649Z","0.6.85-dev.7":"2018-04-20T10:02:48.058Z","0.6.85-dev.8":"2018-04-20T10:17:17.464Z","0.7.2-test-2":"2018-04-20T10:27:32.239Z","0.6.85-dev.9":"2018-04-20T10:29:25.400Z","0.6.85-dev.10":"2018-04-20T10:41:52.081Z","0.6.85-dev.11":"2018-04-20T10:48:52.704Z","0.7.4":"2018-04-20T10:49:31.390Z","0.6.85-dev.12":"2018-04-20T10:57:08.426Z","0.7.5":"2018-04-20T11:43:24.835Z","0.6.86":"2018-04-20T12:54:21.136Z","0.6.87":"2018-04-20T13:40:40.595Z","0.7.5-test-1":"2018-04-23T10:23:04.982Z","0.7.6":"2018-04-23T10:49:39.942Z","0.6.88":"2018-04-25T05:54:40.398Z","0.7.5-test-2":"2018-04-25T10:29:06.309Z","0.6.88-dev.0":"2018-04-25T12:36:24.677Z","0.6.88-dev.1":"2018-04-25T13:25:51.017Z","0.6.89":"2018-04-25T13:42:48.509Z","0.7.7":"2018-04-26T02:18:10.246Z","0.7.6-dev.0":"2018-04-26T02:56:20.470Z","0.6.89-dev.0":"2018-04-26T11:26:31.786Z","0.6.89-dev.1":"2018-04-26T12:32:10.425Z","0.6.89-dev.2":"2018-04-26T12:44:12.354Z","0.6.90":"2018-04-26T13:01:47.371Z","0.6.91":"2018-04-26T14:34:19.562Z","0.6.92-dev.1":"2018-04-27T04:08:16.803Z","0.6.92":"2018-04-27T06:18:02.276Z","0.7.8":"2018-04-27T08:53:37.911Z","0.7.9":"2018-04-27T09:31:29.879Z","0.6.93":"2018-04-27T10:09:59.978Z","0.6.94":"2018-04-27T16:33:47.617Z","0.7.10":"2018-04-27T17:01:50.502Z","0.6.95":"2018-04-29T05:09:29.453Z","0.6.96":"2018-04-29T07:01:53.885Z","0.6.97":"2018-04-29T07:13:46.528Z","0.7.11":"2018-05-02T06:28:32.546Z","0.7.10-test-1":"2018-05-02T06:50:48.482Z","0.7.12":"2018-05-02T07:33:05.747Z","0.7.13":"2018-05-03T05:44:36.738Z","0.7.10-test-2":"2018-05-03T06:31:08.635Z","0.7.14":"2018-05-03T07:01:16.863Z","0.7.15":"2018-05-03T08:06:25.230Z","0.7.13-dev.1":"2018-05-04T09:32:03.363Z","0.7.13-dev.2":"2018-05-04T09:48:39.414Z","0.7.13-dev.3":"2018-05-04T10:33:44.383Z","0.7.16-dev.0":"2018-05-04T12:50:52.997Z","0.7.16-dev.2":"2018-05-04T13:38:15.607Z","0.7.16-dev.4":"2018-05-05T07:14:09.944Z","0.7.13-test-1":"2018-05-07T03:49:10.803Z","0.7.13-test-2":"2018-05-07T05:17:51.345Z","0.7.13-test-3":"2018-05-07T05:21:15.531Z","0.7.16":"2018-05-07T05:47:29.870Z","0.7.13-test-4":"2018-05-08T03:18:50.144Z","0.7.17":"2018-05-08T03:55:33.502Z","0.7.16-dev.7":"2018-05-08T05:25:24.425Z","0.7.18":"2018-05-08T07:50:23.320Z","0.7.17-dev.1":"2018-05-08T10:31:20.510Z","0.7.18-dev.1":"2018-05-09T03:36:27.110Z","0.7.18-dev.2":"2018-05-09T09:44:17.899Z","0.7.18-dev.3":"2018-05-09T10:12:54.046Z","0.7.18-dev.4":"2018-05-09T11:50:47.609Z","0.7.18-dev.5":"2018-05-09T12:38:06.785Z","0.7.18-dev.6":"2018-05-10T10:38:30.049Z","0.7.18-dev.7":"2018-05-14T10:05:14.131Z","0.7.18-dev.8":"2018-05-14T11:09:46.878Z","0.7.18-test-1":"2018-05-15T06:55:56.645Z","0.7.19-dev.1":"2018-05-16T02:56:25.181Z","0.7.19-dev.2":"2018-05-16T03:31:00.416Z","0.7.18-test-2":"2018-05-16T03:35:01.436Z","0.7.19-dev.3":"2018-05-16T05:58:40.202Z","0.7.18-test-3":"2018-05-16T07:07:58.385Z","0.7.18-test-4":"2018-05-16T07:16:19.804Z","0.7.19-dev.4":"2018-05-16T08:14:19.830Z","0.6.98-dev.2":"2018-05-16T08:55:06.362Z","0.6.98-dev.3":"2018-05-16T09:08:45.876Z","0.6.98":"2018-05-16T09:22:12.102Z","0.7.19-dev.5":"2018-05-16T09:31:17.280Z","0.7.19-dev.6":"2018-05-16T11:16:32.539Z","0.7.19-dev.7":"2018-05-16T11:26:06.956Z","0.7.18-test-5":"2018-05-17T02:32:59.222Z","0.7.19-dev.8":"2018-05-17T09:01:09.611Z","0.6.99":"2018-05-17T09:12:12.170Z","0.7.19-test-1":"2018-05-21T06:19:15.835Z","0.7.19-test-2":"2018-05-21T06:26:16.696Z","0.7.19-test-3":"2018-05-21T10:45:50.661Z","0.7.19-test-4":"2018-05-29T10:11:14.085Z","0.7.19-test-5":"2018-05-30T02:42:43.514Z","0.7.19-test-6":"2018-05-31T06:11:27.515Z","0.7.19-test-7":"2018-05-31T06:24:07.364Z","0.7.19-test-8":"2018-05-31T06:59:50.452Z","0.7.19-test-9":"2018-06-01T08:51:44.254Z","0.7.19-test-10":"2018-06-06T09:49:24.421Z","0.7.19-test-12":"2018-06-11T03:29:35.104Z","0.7.19-test-13":"2018-06-11T08:38:05.759Z","0.7.19-test-14":"2018-06-11T08:51:14.437Z","0.7.19-test-15":"2018-06-14T06:34:46.335Z","0.7.19-test-16":"2018-06-15T02:59:44.750Z","0.7.19-dev.9":"2018-07-02T06:53:46.426Z","1.0.0-rc1":"2018-08-27T08:02:04.550Z"},"readmeFilename":"README.md","users":{"steven-zou":true},"homepage":"https://github.com/vmware/harbor#readme","keywords":["Harbor","Clarity","Angular6"],"repository":{"type":"git","url":"git+https://github.com/vmware/harbor.git"},"author":{"name":"VMware"},"bugs":{"url":"https://github.com/vmware/harbor/issues"},"license":"Apache 2.0","contributors":[{"name":"Steven zou","email":"szou@vmware.com"}]}